User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0b8) Gecko/20100101 Firefox/4.0b8
Build Identifier: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0b8) Gecko/20100101 Firefox/4.0b8
Firefox also doesn’t respect overflow:hidden on box element children with content larger than the child’s declared width, such as pre content or a very long word
See 2nd example in http://oli.jp/bugs/mozilla/flexbox-overflow.html (“Widths of children smaller than content”)
The first child box expands to display (almost) all of the unwrappable content. This also occurs for overflow values auto and scroll
The first child box should be the declared width, and overflow:hidden should clip the extra content.
Created attachment 536277 [details]
more simple testcase
Added a more simple testcase. The width is also expanded when overflow is set to scroll.
Also: Component should be "Layout: Block and Inline".
I can confirm this bug, still exists (Firefox 5.0)
I can confirm this bug still exists (Firefox 12.0). It also incorrectly handles the height as well.
I can reproduce this on Firefox 16.0.2.
Just FYI this is regarding OLD Flexbox (display: box;), not NEW Flexbox (display: flex;), and the chances of it being fixed are probably not great. For more background:
(In reply to Oli Studholme from comment #5)
> Just FYI this is regarding OLD Flexbox (display: box;), not NEW Flexbox
> (display: flex;), and the chances of it being fixed are probably not great.
> For more background:
This is actually still true on the Aurora and Nightly channels, where "display: flex;" is used.
(In reply to Eric Meyer from comment #6)
> This is actually still true on the Aurora and Nightly channels, where
> "display: flex;" is used.
bug 782441 actually tracks the analogous version of this issue for "display: flex".
(FWIW: up until recently, the flexbox spec actually required that "overflow:hidden" be disregarded on flex containers -- the overflow property is specified to only apply to "block containers", and the flexbox spec explicitly says that flex containers are *not* block containers. However, the spec has been updated to have a caveat for this now, though. See thread at http://lists.w3.org/Archives/Public/www-style/2013Jan/0465.html for more details.)
Bug 782441 is fixed and the new spec is implemented, so can we close this one?
(In reply to sjw from comment #8)
> Bug 782441 is fixed and the new spec is implemented, so can we close this
The existence of the new layout model does not mean we should automatically close out all bugs in the old model.
(However, it does mean we'll likely be deprecating -moz-box and recommending that folks use display:flex instead, which may mean this ends up WONTFIX eventually.)