Bug 165033 - Height 100% not calculated for [flex + absolute] > [parent] > [child]
Summary: Height 100% not calculated for [flex + absolute] > [parent] > [child]
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: Mac Unspecified
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/xup8c9wg/1/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-11-22 09:39 PST by Colin Kahn
Modified: 2022-10-25 01:36 PDT (History)
4 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 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.