Bug 27116

Summary: CSS3 Multicolumn box occasionally gets taller
Product: WebKit Reporter: Yuta Kitamura <yutak>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: UNCONFIRMED    
Severity: Normal CC: ahmad.saleem792, ap, larryarmstrong368, osvaldo.rivera1994, pemrichm, simon.fraser, svillar, zalan
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: PC   
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.