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: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Macintosh 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: 2015-04-08 22:19 PDT (History)
2 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.