Bug 242837

Summary:

out-of-flow content has the incorrect height when its height is set to fit-content

Product:

WebKit

Reporter:

Jesper van den Ende <jespertheend>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, ntim, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari Technology Preview

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
the html source code of the reduced test case	none
testcase without dialog	none

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.