Bug 27116

Summary:

CSS3 Multicolumn box occasionally gets taller

Product:

WebKit

Reporter:

Yuta Kitamura <yutak>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

UNCONFIRMED

Severity:

Normal

CC:

ahmad.saleem792, ap, osvaldo.rivera1994, pemrichm, simon.fraser, svillar, zalan

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

OS X 10.5

Attachments:

Description	Flags
Test case	none
Screenshot	none
Demonstration of why it doesn't appear to be solely a columnar rendering issue.	none

Yuta Kitamura

Reported 2009-07-09 06:19:05 PDT

Created attachment 32515 [details] Test case CSS3 Multicolumn box occasionally becomes taller than the size of the children. WebKit trunk renders the attached test case wrongly. The second block is taller than the other blocks, while all the blocks should have the same height.

Attachments
Test case (1012 bytes, text/html) 2009-07-09 06:19 PDT, Yuta Kitamura	no flags	Details
Screenshot (59.67 KB, image/png) 2009-07-09 06:20 PDT, Yuta Kitamura	no flags	Details
Demonstration of why it doesn't appear to be solely a columnar rendering issue. (6.70 KB, text/html) 2011-05-19 08:45 PDT, Sabri Aurrelia	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Yuta Kitamura

Comment 1 2009-07-09 06:20:46 PDT

Created attachment 32516 [details] Screenshot

Yuta Kitamura

Comment 2 2009-07-10 05:12:08 PDT

See section 7 of CSS3 Multi-column spec. http://www.w3.org/TR/2009/WD-css3-multicol-20090630/#filling-columns

Sabri Aurrelia

Comment 3 2011-05-19 08:43:49 PDT

This isn't an occasional or random thing. It can be reproduced with some regularity. I don't think this is a problem with columns per se, but something that webkit's implementation of columns draws more attention to. It really appears to be a font rendering issue. After twiddling the code, I notice that rendering of certain fonts magnifies the issue most.

Sabri Aurrelia

Comment 4 2011-05-19 08:45:41 PDT

Created attachment 94074 [details] Demonstration of why it doesn't appear to be solely a columnar rendering issue.

Ahmad Saleem

Comment 5 2022-06-02 21:20:28 PDT

I am still able to reproduce this issue in Safari 15.5 on macOS 12.4 using attached "test case" and output matches the original screenshot from 2009. For other browser, Chrome Canary 104 and Firefox Nightly 103 also have different behavior on attached test case from Safari and each other. I am not sure, which browser is rendering this correctly. Thanks!

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