Bug 27116 - CSS3 Multicolumn box occasionally gets taller
: CSS3 Multicolumn box occasionally gets taller
Status: UNCONFIRMED
: WebKit
CSS
: 528+ (Nightly build)
: PC Mac OS X 10.5
: P2 Normal
Assigned To:
:
:
:
:
  Show dependency treegraph
 
Reported: 2009-07-09 06:19 PST by
Modified: 2011-05-19 08:45 PST (History)


Attachments
Test case (1012 bytes, text/html)
2009-07-09 06:19 PST, Yuta Kitamura
no flags Details
Screenshot (59.67 KB, image/png)
2009-07-09 06:20 PST, 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 PST, Sabri Aurrelia
no flags Details


Note

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


Description From 2009-07-09 06:19:05 PST
Created an attachment (id=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 From 2009-07-09 06:20:46 PST -------
Created an attachment (id=32516) [details]
Screenshot
------- Comment #2 From 2009-07-10 05:12:08 PST -------
See section 7 of CSS3 Multi-column spec.
http://www.w3.org/TR/2009/WD-css3-multicol-20090630/#filling-columns
------- Comment #3 From 2011-05-19 08:43:49 PST -------
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 From 2011-05-19 08:45:41 PST -------
Created an attachment (id=94074) [details]
Demonstration of why it doesn't appear to be solely a columnar rendering issue.