Bug 242837 - out-of-flow content has the incorrect height when its height is set to fit-content
Summary: out-of-flow content has the incorrect height when its height is set to fit-co...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-07-16 13:38 PDT by Jesper van den Ende
Modified: 2023-09-27 16:21 PDT (History)
6 users (show)

See Also:

Attachments
the html source code of the reduced test case (519 bytes, text/html)
2022-07-16 13:38 PDT, Jesper van den Ende 		no flags Details
testcase without dialog (627 bytes, text/html)
2022-07-17 07:34 PDT, Tim Nguyen (:ntim) 		no flags Details
View All 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 Jesper van den Ende 2022-07-16 13:38:01 PDT 
Created attachment 460957 [details]
the html source code of the reduced test case

When a <dialog> element has its height set to 'fit-content' and its child has
its height set to '100%', the child is rendered with a height of 0px.

Visit https://dialog-fit-content-style.glitch.me/ for a demo
Comment 1 Tim Nguyen (:ntim) 2022-07-17 07:34:29 PDT 
Created attachment 460959 [details]
testcase without dialog
Comment 2 Radar WebKit Bug Importer 2022-07-23 13:38:15 PDT 
<rdar://problem/97492632>
Comment 3 Ahmad Saleem 2023-09-27 16:21:16 PDT 
Still reproducible in WebKit ToT (268538@main). Since only reproducible in WebKit, marking this as 'BrowserCompat'. Firefox Nightly 120 and Chrome Canary 119 match each other.