Bug 212295 - Column height incorrect when break-before appears in first column
Summary: Column height incorrect when break-before appears in first column
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 13
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-05-22 19:36 PDT by Brad Andalman
Modified: 2024-06-05 16:29 PDT (History)
5 users (show)

See Also:

Attachments
Uncomment #heading-1 css to see the incorrect behavior (4.25 KB, text/html)
2020-05-22 19:36 PDT, Brad Andalman 		no flags Details
A screenshot that shows the correct column height (867.63 KB, image/png)
2020-05-22 19:37 PDT, Brad Andalman 		no flags Details
A screenshot that shows the incorrect column height (when break-before is applied) (378.70 KB, image/png)
2020-05-22 19:37 PDT, Brad Andalman 		no flags Details
HTML that exhibits the bug (1.84 KB, text/html)
2024-06-05 16:29 PDT, Brad Andalman 		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 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.