Bug 27116 - CSS3 Multicolumn box occasionally gets taller
: CSS3 Multicolumn box occasionally gets taller
Status: UNCONFIRMED
Product: WebKit
Classification: Unclassified
Component: CSS
: 528+ (Nightly build)
: PC Mac OS X 10.5
: P2 Normal
Assigned To: Nobody
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2009-07-09 06:19 PDT by Yuta Kitamura
Modified: 2011-05-19 08:45 PDT (History)
1 user (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
Description Yuta Kitamura 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.
Comment 1 Yuta Kitamura 2009-07-09 06:20:46 PDT
Created attachment 32516 [details]
Screenshot
Comment 2 Yuta Kitamura 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
Comment 3 Sabri Aurrelia 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.
Comment 4 Sabri Aurrelia 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.