Custom tab sizes in UserChrome.css breaks the tab bar

UNCONFIRMED
Unassigned

Status

()

Firefox
General
UNCONFIRMED
7 years ago
2 months ago

People

(Reporter: monurta, Unassigned)

Tracking

4.0 Branch
x86
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

7 years ago
User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b10) Gecko/20100101 Firefox/4.0b10
Build Identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b10) Gecko/20100101 Firefox/4.0b10

When setting custom tab sizes in UserChrome.css using the following:
.tabbrowser-tab:not([pinned]) {
  max-width: 250px !important; 
  min-width: 40px !important;
}
The tab bar no longer functions correctly. Closing a tab using any method (middle click, ctrl+f4) usually results in the tab name disappearing form the tab bar, but the tab itself is still present and active (e.g. Flash videos continue to play), and the "new tab" button positions itself at the end of all the tabs (visible + invisible).
Dragging from a tab location shows the window which used to be open, but does not open the tab in a new window.
The tab location also still results in a context menu which appears when a tab exists, even though the tab cannot be accessed or modified in any way.

Reproducible: Always

Steps to Reproduce:
1. Modify Userchrome.css with the code
.tabbrowser-tab:not([pinned]) {
  max-width: 250px !important; 
  min-width: 40px !important;
}
2. Open multiple tabs, and then close some.
3. Problem has now occurred.
Actual Results:  
The tabs which get closed do not actually close, but exist as "ghosts" in the background which cannot be accessed, but continue to stay open and mess with the tab bar tab "real" tab positioning.

Expected Results:  
The software should have properly closed the tabs and reset the new tab button position.

Comment 1

7 years ago
Confirmed on XP SP3 with FF 4.0, FF 4 RC 2, and FF 4 RC 1.

Reproducible:	Always

Steps to Reproduce:
1.	Modify UserChrome.css
     UserChrome.css contents:
      .tabbrowser-tab:not([pinned]) {
       max-width: 250px !important;
       min-width: 35px !important;
     }
2.	Open FF, set browser width very narrow so it only takes 5 or 6 tabs before tabs have to have their size adjusted.
3.	Close one of the middle tabs, creates a gap in the tab list rather than having the remaining tabs re sized and repositioned. There is a context menu associated with the "gap" as described in the report. Selecting "Move to new window" from the gap context menu opens a browser window with a new tab.
4.	Close all but one tab. When closing the last table browser reports multiple tabs open even though only one is shown in the tab bar and only one shown in the tabs list.


Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0
about:buildconfig
Source
Built from http://hg.mozilla.org/releases/mozilla-2.0/rev/6be9e31d01b4
Build platform
target
i686-pc-mingw32

Updated

7 years ago
Version: unspecified → 4.0 Branch

Comment 2

7 years ago
Created attachment 529302 [details]
screenshot showing tab displayed but hidden in tab list

Comment 3

7 years ago
Created attachment 529303 [details]
screen showing incorrect new tab placement

Comment 4

7 years ago
Also showing on Linux Build (4.0.1)

Comment 5

7 years ago
Specifically it is setting max-width that causes this behaviour. Using 

UserChrome.css contents:
      .tabbrowser-tab:not([pinned]) {
       min-width: 40px !important;
     }

does not cause these problems.

Comment 6

7 years ago
Had the same issue too, but solved it with browser.tabs.animate = False

Comment 7

2 months ago
Please review this in the contexts of: 

- Firefox ESR 52.5.0
- Firefox 57.0

– thanks.
You need to log in before you can comment on or make changes to this bug.