Bug 212295

Summary: Column height incorrect when break-before appears in first column
Product: WebKit Reporter: Brad Andalman <bya>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, bw, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
Attachments:
Description Flags
Uncomment #heading-1 css to see the incorrect behavior
none
A screenshot that shows the correct column height
none
A screenshot that shows the incorrect column height (when break-before is applied)
none
HTML that exhibits the bug none

Description Brad Andalman 2020-05-22 19:36:49 PDT
Created attachment 400101 [details]
Uncomment #heading-1 css to see the incorrect behavior

I have a simple column layout with a set height. If I apply "break-before: column" to an element in the first column, then the column height shrinks. This does not happen if the element with "break-before" appears in another column.
Comment 1 Brad Andalman 2020-05-22 19:37:19 PDT
Created attachment 400102 [details]
A screenshot that shows the correct column height
Comment 2 Brad Andalman 2020-05-22 19:37:44 PDT
Created attachment 400103 [details]
A screenshot that shows the incorrect column height (when break-before is applied)
Comment 3 Radar WebKit Bug Importer 2020-05-25 12:21:57 PDT
<rdar://problem/63603847>
Comment 4 Brad Andalman 2024-06-05 16:29:07 PDT
Created attachment 471598 [details]
HTML that exhibits the bug

I come to this bug often to check whether it’s been addressed. Since it’s nice to be able to click on some HTML to see whether the bug is fixed, I’m attaching a simpler test case.