Bug 143526

Summary:

Flexbox's column wrap with auto height produces an unspecified layout

Product:

WebKit

Reporter:

Will Shown <willhig>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

bfulgham, hyatt, willhig

Priority:

Version:

528+ (Nightly build)

Hardware:

Mac (Intel)

OS:

OS X 10.10

Attachments:

Description	Flags
A screenshot from StackOverflow <http://bit.ly/1CVv8UA>	none

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.