RESOLVED CONFIGURATION CHANGED 202184
Nested flex container with flex-basis 0px has height 0f 0 
https://bugs.webkit.org/show_bug.cgi?id=202184
Summary Nested flex container with flex-basis 0px has height 0f 0
Doron Sinai
Reported 2019-09-24 23:04:51 PDT
When having a nested flex container with flex-direction:column and the inner container has flex-basis: 0px, this container has no height and breaks layout, changing to auto works around it Works as expected on Chrome and Firefox. problem occurs in Safari 13 as well and in Safari on ios Example: https://jsfiddle.net/sinaidoron/0ngo2qtk/
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-09-25 15:22:11 PDT
<rdar://problem/55721145>
Ahmad Saleem
Comment 2 2022-10-27 13:45:35 PDT
I am unable to reproduce this bug using JSFiddle from Comment 0 and Safari 16.1 render the test case same as Firefox Nightly 108 and Chrome Canary 109. I tried resizing browser as well to see, if it is something layout specific but unable to reproduce. Marking this as "RESOLVED CONFIGURATION CHANGED", please reopen with updated test case, if it is still reproducible. Thanks!
Note You need to log in before you can comment on or make changes to this bug.