Bug 120555
| Summary: | Columns Squished in Multicolumn Div with Short Lines | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Cyber Hymnal™ <cyberhymnal> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Major | CC: | cyberhymnal |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | Windows 7 | ||
| URL: | http://www.hymntime.com/tch/test/multicolumn-test.htm | ||
Cyber Hymnal™
When short lines (song lyrics, for example) are displayed in multi-column format, the columns are so narrow the text becomes unreadable. This URL illustrates the problem (all the lyrics pages on this site exhibit the same symptom):
www.hymntime.com/tch/test/multicolumn-test.htm
A response to a post I made on the ChromeDevTools forum some time ago suggested Chrome was setting the column width based on the shortest line. I don't see anything in the CSS spec about "shortest line," so I suspect Web-kit has misinterpreted the spec. Both MSIE 10+ and Firefox render the multi-column lyrics on this page correctly.
***********************
The versions listed above don't match what I see in Chrome which shows the following:
Google Chrome 29.0.1547.62 (Official Build 219432) m
OS Windows
Blink 537.36 (@156661)
JavaScript V8 3.19.18.19
Flash 11.8.800.115
User Agent Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.62 Safari/537.36
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Cyber Hymnal™
I've uncovered more information. The problem occurs only when the <div> with the text is enclosed in an outer <div> with display=table-cell. I've updated the demo page to show the effect. Again, Firefox & MSIE 10 both render the page correctly, but Chrome does not.
Dick Adams
Cyber Hymnal™
I added a CSS whitespace:nowrap property, & I think this has revealed the root cause of the problem.
It appears Chrome is setting the overall block width to be the length of the longest line. Obviously, this is the wrong thing to do, since it causes truncation of the text in individual columns.
Cyber Hymnal™
Replaced with simplified report, Bug 121366
*** This bug has been marked as a duplicate of bug 121366 ***