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

UNCONFIRMED
Unassigned

Status

()

Core
Layout
UNCONFIRMED
6 years ago
5 years ago

People

(Reporter: Oli Studholme, Unassigned)

Tracking

Trunk
x86
All
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

6 years ago
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
(Reporter)

Updated

5 years ago
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
(Reporter)

Comment 1

5 years ago
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
You need to log in before you can comment on or make changes to this bug.