Bug 212295

Summary:

Column height incorrect when break-before appears in first column

Product:

WebKit

Reporter:

Brad Andalman <bya>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, bw, simon.fraser, webkit-bug-importer, zalan

Priority:

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

Brad Andalman

Reported 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.

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 attachment proposed patch, testcase, etc.

Brad Andalman

Comment 1 2020-05-22 19:37:19 PDT

Created attachment 400102 [details] A screenshot that shows the correct column height

Brad Andalman

Comment 2 2020-05-22 19:37:44 PDT

Created attachment 400103 [details] A screenshot that shows the incorrect column height (when break-before is applied)

Radar WebKit Bug Importer

Comment 3 2020-05-25 12:21:57 PDT

<rdar://problem/63603847>

Brad Andalman

Comment 4 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.

Note You need to log in before you can comment on or make changes to this bug.