Bug 143526 - Flexbox's column wrap with auto height produces an unspecified layout
Summary: Flexbox's column wrap with auto height produces an unspecified layout
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-04-08 11:08 PDT by Will Shown
Modified: 2022-07-14 13:53 PDT (History)
3 users (show)

See Also:


Attachments
A screenshot from StackOverflow <http://bit.ly/1CVv8UA> (18.59 KB, image/png)
2015-04-08 11:08 PDT, Will Shown
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Will Shown 2015-04-08 11:08:51 PDT
Created attachment 250362 [details]
A screenshot from StackOverflow <http://bit.ly/1CVv8UA>

Using only the CSS rules in this JSFiddle: http://jsfiddle.net/p2kcLh9n/ the flex parent's height should, according to the spec, increase to contain all of the flex items, and the flex items should all grow to fit that increased height. Instead, the height of the flex parent appears to be determined just by the first flex item in flex-direction: column flex-wrap: wrap scenarios.

Gecko appears to render this correctly, but these rules don't produce the specified layout in Chrome or Safari as of this writing.
Comment 1 Brent Fulgham 2022-07-14 13:47:32 PDT
Chrome and Safari agree on rendering here, Firefox differs.
Comment 2 Brent Fulgham 2022-07-14 13:53:25 PDT
I don't believe we have an active compatibility issue here. We are targeting WPT for correctness, so any true issues should be surfaced in that effort.

I don't think it's necessary to use this specific radar for that work.