Closed Bug 1908874 Opened 1 year ago Closed 1 year ago

Pinned tab rendering issue

Categories

(Firefox :: Tabbed Browser, defect)

defect

Tracking

()

RESOLVED WORKSFORME

People

(Reporter: bugs, Unassigned)

Details

Attachments

(2 files)

Attached image How the bug looks like

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Steps to reproduce:

Open multiple multiple tabs. The issue happens the moment the tabs overflow. This bug was introduced in the last ESR update.

Actual results:

Pinned tabs compressed and a rendering issue appears where the scroll button overlaps with pinned tabs.

Expected results:

Pinned tabs remain the same with. Number of opened tabs shoud not affect the presentation or behavior of pinned tabs.

Comment on attachment 9413781 [details]
How the bug looks like

This is how the bug looks like.

Attachment #9413781 - Attachment description: 20240719-074951-003385 - Mozilla Firefox.png → How the bug looks like

This is how it normally looks, right until the point I open the tab that causes the overflow.

I'm using Firefox ESR with the default dark theme. Nothing funny going on.

The Bugbug bot thinks this bug should belong to the 'Firefox::Tabbed Browser' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Tabbed Browser

Could you please attach a text log from about:support to this report?
Do you have toolkit.legacyUserProfileCustomizations.stylesheets set to true in about:config? In that case, does setting it to false solve the problem?

Flags: needinfo?(bugs)

(In reply to Marco Bonardo [:mak] from comment #5)

Could you please attach a text log from about:support to this report?
Do you have toolkit.legacyUserProfileCustomizations.stylesheets set to true in about:config? In that case, does setting it to false solve the problem?

It was set to true but right now I'm not experiencing the issue so I can't say for sure if it has any effect.

Flags: needinfo?(bugs)

Open your profile folder and check if you have a chrome/userChrome.css file. If that contains tab related rules it will likely be the culprit. If you're unsure feel free to attach it to the bug and we can check it.

Setting toolkit.legacyUserProfileCustomizations.stylesheets to false makes so that Firefox won't load that customization file, and thus may solve the problem if it's caused by those rules.

(In reply to Marco Bonardo [:mak] from comment #7)

Open your profile folder and check if you have a chrome/userChrome.css file. If that contains tab related rules it will likely be the culprit. If you're unsure feel free to attach it to the bug and we can check it.

Setting toolkit.legacyUserProfileCustomizations.stylesheets to false makes so that Firefox won't load that customization file, and thus may solve the problem if it's caused by those rules.

It turns out I did have a userChrome.css like so:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

#webrtcIndicator {  display: none; }

I don't remember when I created that but I remember why: to prevent accidentally closing tabs with the mouse.
I also don't remeber the webrtcIndicator part.

Let us know if this happens again.

Status: UNCONFIRMED → RESOLVED
Closed: 1 year ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: