Bug 166461

Summary:

Percentage flex-basis makes element collapse when a `display: flex` element is inside a `flex-flow: column` parent

Product:

WebKit

Reporter:

pixelbandito

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Minor

CC:

ahmad.saleem792, hyatt, phiw2, pixelbandito, simon.fraser, zalan

Priority:

Version:

WebKit Nightly Build

Hardware:

Mac

OS:

OS X 10.11

Attachments:

Description	Flags
Current state (bug)	none

pixelbandito

Reported 2016-12-23 09:33:07 PST

Created attachment 297710 [details] Current state (bug) Percentage flex-basis makes element collapse when a `display: flex` element is inside a `flex-flow: column` parent Expected: When using `flex-flow: column` with no specified height on a parent element, when a child element also has `display: flex` and `flex-basis` defined in relative terns (a percentage), the flex-basis should be ignored and the child elements content should determine the height. Example: https://jsfiddle.net/pixelbandito/6swsv3y4/ (Chrome and Firefox's implementations seems to do the right thing.)

Attachments
Current state (bug) (9.62 KB, image/png) 2016-12-23 09:33 PST, pixelbandito	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Ahmad Saleem

Comment 1 2022-10-27 13:37:43 PDT

I am unable to reproduce this bug from JSFiddle from Comment 0 in Safari 16.1 and it does not look like reference screenshot and render the test case similar to Chrome Canary 109 and Firefox Nightly 108. Since all browsers render this same, I am marking this as "RESOLVED CONFIGURATION CHANGED". Please reopen with updated testcase, if it is still an issue. Thanks!

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