Bug 203077 - flex box and min-height 100% rendering problem
Summary: flex box and min-height 100% rendering problem
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2019-10-17 01:05 PDT by Roland Soos
Modified: 2022-08-29 03:46 PDT (History)
7 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Roland Soos 2019-10-17 01:05:01 PDT 
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.
Comment 1 Radar WebKit Bug Importer 2019-10-17 11:12:25 PDT 
<rdar://problem/56377326>
Comment 2 Ahmad Saleem 2022-08-29 03:45:57 PDT 
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!