Bug 185223

Summary:

Floating image margin affects text in preceding and subsequent columns

Product:

WebKit

Reporter:

Brad Andalman <bya>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, simon.fraser, zalan

Priority:

Version:

Safari 11

Hardware:

Unspecified

OS:

macOS 10.13

Attachments:

Description	Flags
html that shows margin on a floating image moving text in other columns	none

Brad Andalman

Reported 2018-05-02 15:32:20 PDT

Created attachment 339358 [details] html that shows margin on a floating image moving text in other columns The attached html shows a floating image that, because it cannot fit in the first column, is shown in the second column. The image, however, has a top and bottom margin that causes its rect to extend beyond the column. It is this margin that incorrectly affects the text in the first and third columns. Instead, just as setting margin-top on the first paragraph in a column doesn't "push" the paragraph down the column, margin-top on a floating image should not affect the text in the column before it (and similar for margin-bottom and the following column).

Attachments
html that shows margin on a floating image moving text in other columns (3.29 KB, text/html) 2018-05-02 15:32 PDT, Brad Andalman	no flags	Details
View All Add attachment proposed patch, testcase, etc.

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