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

Will Shown

Reported 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.

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
View All Add attachment proposed patch, testcase, etc.

Brent Fulgham

Comment 1 2022-07-14 13:47:32 PDT

Chrome and Safari agree on rendering here, Firefox differs.

Brent Fulgham

Comment 2 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.

Note You need to log in before you can comment on or make changes to this bug.