992151 - Rendering of tabs in FF beta 30 under Windows 7 is massively overlapping

Status: RESOLVED INVALID

(Firefox :: Tabbed Browser, defect)

Description

[Frank Nestel]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140331125246

Steps to reproduce:

I am one of these guys with 30+ tabs open. This was working for me on FF 29 (beta). I upgraded to FF 30 beta and my tabs conveniently moved with me.


Actual results:

Layout broke down: 1. The tabs do not occupy the entire space (window width minus the "new tab", "groups" and "close" controls) available but only roughly 85% of it. Rest is empty. That is a waste of needed space. 2. Tabs are now displayed rounded. Well, I do not mind. 3. And that is worst. Tabs massively overlap. You can hardly read the favicon on the tabs, some tabs display only ..., some of the ... even go over to the next tab. Changing one tab right is impossible, cause there is no space to click on the next tab to the right. I need to go 2 tab right and then 1 tab left all the time. This issue only affect the normal tabs. Fixed tabs render nicely without overlapping. 4. Tab scroll controls are inactive. The tab rendering does not seem to realize, that it has run out of space and has created massive overlap.


Expected results:

All tabs should render nicely without too much overlapping and the available space shall be used. If the space is unsufficent, the scroll tabs right and left controls shall get active.


Further, when it comes to me, the rounded corners can disappear, to allow tabs to become close to each other. The ability to cope will with many tabs is one of the major advantages of FF over Chrome for me.

Comment 1

[Frank Nestel]

Oops, ah Firefox is correcting me: The problem is happening with FF 29 beta and everything was fine with FF 28 beta. I somehow was one version ahead in mind. I sincerely apologize for that!

Comment 2

[Frank Nestel]

Oops, ah Firefox is correcting me: The problem is happening with FF 29 beta and everything was fine with FF 28 beta. I somehow was one version ahead in mind. I sincerely apologize for that!

Comment 3

[Liz Henry (:lizzard) (relman/hg->git project)]

Frank, can you take a screenshot and add it here as an attachment?
I'm testing this in Firefox 29 with around 40 tabs: scrolling works, the rounded corners disappear when I'm not hovering over a tab, and the tabs don't seem to overlap as you describe. 
And, can you check to see if your tabs also do this in Firefox safe mode?  I wonder if there is an addon affecting your tabs.  
Thanks for your report and for any help you can give so that I can duplicate the bug!

Comment 4

[Frank Nestel]

Attachment: Tabs colliding not overlapping since fixed tab selected

Comment 5

[Frank Nestel]

Attachment: (Nearly) same situation as previous screenshot, now overlap since non fixed tab selected.

Thanks for your reply!
Hope you can spot the difference between the two screenshots.
Next I'll try to refigure, how to create another profile on my Firefox to run unmodded.

Comment 6

[Matthew N. [:MattN]]

Frank, can you open Help > Troubleshooting information then click "Copy text to clipboard" and "paste text as attachment" here: https://bugzilla.mozilla.org/attachment.cgi?bugid=992151&action=enter#attachment_data_controller so we can see what extensions you have enabled. 

Can you reproduce the problem if you temporarily "Restart with add-ons disabled" from the Help menu?

Thanks in advance

Comment 7

[Frank Nestel]

Had a "mid air collision" while sending that:
----
Good news (not for me though), problem does not occur in a fresh profile! I get very wide tabs (closed again, but probably only allowing 8-10 tabs for the whole screen width).

I used to hand configure my tab widths to being smaller in the past (maybe FF10 last time). Could it be some ancient setting done in about:config is now running wild? 
Meanwhile I'll check my extensions for suspects now.
----
I'll attach the troubleshouting stuff in a minute!

Comment 8

[Frank Nestel]

Attachment: Troubleshooting information (German filename)

Comment 9

[Matthew N. [:MattN]]

I suspect the prefs browser.tabs.tabClipWidth and/or browser.tabs.tabMinWidth preferences are the issue as they are set to 9px (which is tiny).

You may also have something in the chrome/userChrome.css file of your profile. You can open your profile folder from the troubleshooting information page.

Comment 10

[Frank Nestel]

I do not find a userChrome.css in my profile. When this means, I didn't toy with that, this would be nice, cause I think, I didn't touch that! 

Concerning the tab width. What are the defaults? I realize my empty profile has horrible wide tabs and no settings at all. So I have removed the tabClipWidth and tabMinWidth settings from my default profile, but situation did not improve (well, maybe a few pixels, but not really). 

I was simply used to have my tabs tightly one next to the other and identifying sites by their icon. This used to work fine for me.

Comment 11

[Frank Nestel]

OK, Matthew, you were completely right. I found the userChrome.css beast and it contributed to even smaller tabs. Now things look acceptable. I close this ticket. I will dig for information, how to shrink my regular tabs to the same size like the pinned one, cause this is, what works best for me, but this is not your task. THANK YOU for help and patience!