Bug 65691 - Regression (r67643-67838): Multi column text and min-height don't work well together
Summary: Regression (r67643-67838): Multi column text and min-height don't work well t...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
: 65303 (view as bug list)
Depends on:
Blocks:
 
Reported: 2011-08-04 09:14 PDT by webkitbugs
Modified: 2022-07-12 15:05 PDT (History)
7 users (show)

See Also:


Attachments
Test case described by filer (1.07 KB, text/html)
2011-11-23 19:29 PST, Shane Stephens
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description webkitbugs 2011-08-04 09:14:01 PDT
When a multi-column element has a  min-height property it will not expand vertically to fit all of the content. Instead the text overflows to the right outside the container. If the column-count property is removed the container acts as expected and expands vertically to fit the text content.

Safari 5.0.5 works fine, but 5.1 does not. Webkit nightly r67643 works fine but r67838 does not. 

Test case:
<div style="background-color: #66ccff; width: 400px; min-height: 200px; -webkit-column-count: 2;" >
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce leo nunc, egestas sed blandit non, semper ac risus. Duis nec viverra velit. Duis eget quam felis. Fusce nunc velit, faucibus eu posuere in, egestas quis arcu. Aliquam varius erat venenatis eros sagittis a congue urna tempor. Pellentesque faucibus gravida sodales. Integer varius turpis quis urna sodales vel blandit neque eleifend. Vivamus tortor augue, pellentesque vel condimentum nec, bibendum quis eros.</p>
	<p>Maecenas lobortis auctor massa, id feugiat mauris fringilla a. Fusce id erat a libero venenatis porttitor eget ac erat. Nullam porttitor rutrum dolor, vel congue sapien interdum vel. Vestibulum eget leo nunc. Vestibulum sit amet elit eu ante tempor ultrices. Fusce turpis ante, euismod eget eleifend iaculis, dignissim nec nunc. Aliquam posuere tempor tortor, a vulputate leo ullamcorper vitae. Vivamus at neque ac nulla laoreet pulvinar. Mauris porta facilisis tellus vulputate sollicitudin.</p>
</div>
Comment 1 Shane Stephens 2011-11-23 19:29:02 PST
Created attachment 116468 [details]
Test case described by filer
Comment 2 Shane Stephens 2011-11-23 19:36:00 PST
Still happening at r101035
Comment 3 Shane Stephens 2011-11-23 19:53:55 PST
*** Bug 65303 has been marked as a duplicate of this bug. ***
Comment 4 Gustaaf Groenendaal (MysteryQuest) 2011-12-11 12:07:46 PST
This once worked as you expect it to work.

I used min-height and multi-columns on my own site but it stopped working > 1 year ago so I removed it. I thought the changes were intentional but maybe it isn't. The reason behind that idea is that such a thing can hardly happen accidentally, but maybe I'm wrong. I think Hyatt knows what and why.
Comment 5 Brent Fulgham 2022-07-12 15:05:50 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.