Bug 165033

Summary: Height 100% not calculated for [flex + absolute] > [parent] > [child]
Product: WebKit Reporter: Colin Kahn <colinkah>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 10   
Hardware: Mac   
OS: Unspecified   
URL: https://jsfiddle.net/xup8c9wg/1/

Description Colin Kahn 2016-11-22 09:39:31 PST
https://jsfiddle.net/xup8c9wg/1/

Working version on other browsers shows a full height teal rectangle. Adding `height: 100%` to `.parent` fixes the issue.
Comment 1 Radar WebKit Bug Importer 2016-12-01 12:38:18 PST
<rdar://problem/29464663>
Comment 2 Ahmad Saleem 2022-10-25 01:36:08 PDT
I am not able to reproduce this bug in Safari 16.1 and it matches with other browsers (Chrome Canary 109 and Firefox Nightly 108) showing full teal rectangle on left side.

Marking this as "RESOLVED CONFIGURATION CHANGED", please reopen if it is reproducible for anyone.