RESOLVED DUPLICATE of bug 121366 Bug 120555
Columns Squished in Multicolumn Div with Short Lines 
https://bugs.webkit.org/show_bug.cgi?id=120555
Summary Columns Squished in Multicolumn Div with Short Lines
Cyber Hymnal™
Reported 2013-08-30 17:39:46 PDT
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™
Comment 1 2013-09-12 14:54:09 PDT
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™
Comment 2 2013-09-14 04:30:17 PDT
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™
Comment 3 2013-09-14 12:59:47 PDT
Replaced with simplified report, Bug 121366 *** This bug has been marked as a duplicate of bug 121366 ***
Note You need to log in before you can comment on or make changes to this bug.