712620 - Hide some navigation toolbar items if it overflows

Status: RESOLVED WORKSFORME

(Firefox :: Toolbars and Customization, defect)

Description

[Cédric FONTAINE]

Attachment: A Flexible Grid.jpg

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:9.0) Gecko/20100101 Firefox/9.0
Build ID: 20111216140209

Steps to reproduce:

1 : open this url http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html
2 : resize the window below 400px


Actual results:

The DOM width is contrained by the size of the invisible navbar (in my case, 484px), so the last media queries, for screen size below 400 never kicks in and the user needs to scroll horizontally for content. 


Expected results:

DOM width should be window width. On Chrome, the navbar resize nicely by hidding extensions icons, and then the resize is locked around 380px. DOM width always equals window width. Same behaviour on Opera or Safari (but no width limit, you can resize to 100px if you want to). If I hide the navbar, Firefox behave as expected.

Comment 1

[Paul Rouget [:paul]]

Attachment: overflows with a lot of items

Comment 2

[Paul Rouget [:paul]]

The STR only "fail" if you have several icons in your toolbar.
The problem is that the toolbar force the content to not be resized below the width of the toolbar.

I don't think the toolbar should overflow at all. But it could be interesting to hide some elements (extensions, icons, searchbar?) if the toolbar width reaches its limit.

Comment 5

[:Gijs (he/him)]

We now overflow the main toolbar, so this is no longer an issue for the main nav-bar. It always worked for the bookmarks toolbar. I don't see a way around this for the tabs toolbar, and that seems so uncommon it's not really worth worrying about, so marking wfm.