Open Bug 625697 Opened 14 years ago Updated 2 years ago

Flexbox (display: box) element with explicit width is made wider when children overflow

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Platform:
x86
All
Type:
defect

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: mozilla.org, Unassigned)

References

(
URL
)

Details

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

Another Flexible Box Layout bug. Refer to
http://oli.jp/bugs/mozilla/flexbox-overflow.html
for example.


Reproducible: Always

Actual Results:  
When flexbox children are too wide for the box element’s declared width, FF ignores the width and expands the child and box element to contain the content.

Expected Results:  
WebKit allows content too wide for the box element’s child to overflow out of the box element.

The example boxes should be 400px wide, the same as the blue box.
Component: General → Layout
OS: Mac OS X → All
QA Contact: general → layout
Version: unspecified → Trunk
Summary: Flexbox element with explicit width is made wider when children overflow → Flexbox (display: box) element with explicit width is made wider when children overflow
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:
https://bugzilla.mozilla.org/show_bug.cgi?id=625694
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.