Bug 202184
| Summary: | Nested flex container with flex-basis 0px has height 0f 0 | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Doron Sinai <sinai.doron> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 12 | ||
| Hardware: | Mac | ||
| OS: | macOS 10.14 | ||
Doron Sinai
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
<rdar://problem/55721145>
Ahmad Saleem
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!