RESOLVED CONFIGURATION CHANGED 166461
Percentage flex-basis makes element collapse when a `display: flex` element is inside a `flex-flow: column` parent 
https://bugs.webkit.org/show_bug.cgi?id=166461
Summary Percentage flex-basis makes element collapse when a `display: flex` element i...
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.