Bug 203077
| Summary: | flex box and min-height 100% rendering problem | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Roland Soos <roland> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, rniwa, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Safari 13 | ||
| Hardware: | Mac | ||
| OS: | macOS 10.15 | ||
Roland Soos
I have the following example: https://jsfiddle.net/sc2fvz4o
In Chrome, Firefox and Edge, the whole area is grey. While in Safari the whole area is red.
It seems like the .div3 does not have the right height, even it has min-height: 100% so I think it should fill its parent entirely.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/56377326>
Ahmad Saleem
I am not able to reproduce this issue in Safari Technology Preview 152 and it is showing "grey" (which is expected behavior) same as Comment 0 intended and since all other browsers (Chrome Canary 107 and Firefox Nightly 106) are also matching and showing "Grey". I think this got fixed along the way. I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Please reopen with updated test case, if you think it is still an issue. Thanks!