65691 2011-08-04 09:14:01 -0700 Regression (r67643-67838): Multi column text and min-height don't work well together 2022-07-12 15:05:50 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 webkitbugs webkit-unassigned bfulgham htsl hyatt m.kurz+webkitbugs shanestephens simon.fraser webkit oldest_to_newest 446542 0 webkitbugs 2011-08-04 09:14:01 -0700 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> 508571 1 116468 shanestephens 2011-11-23 19:29:02 -0800 Created attachment 116468 Test case described by filer 508573 2 shanestephens 2011-11-23 19:36:00 -0800 Still happening at r101035 508583 3 shanestephens 2011-11-23 19:53:55 -0800 *** Bug 65303 has been marked as a duplicate of this bug. *** 518916 4 webkit 2011-12-11 12:07:46 -0800 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. 1882650 5 bfulgham 2022-07-12 15:05:50 -0700 Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue. 116468 2011-11-23 19:29:02 -0800 2011-11-23 19:29:02 -0800 Test case described by filer test_case.html text/html 1093 shanestephens PGRpdiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjogIzY2Y2NmZjsgd2lkdGg6IDQwMHB4OyBtaW4t aGVpZ2h0OiAyMDBweDsgLXdlYmtpdC1jb2x1bW4tY291bnQ6IDI7IiA+CiAgICA8cD5Mb3JlbSBp cHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBGdXNjZSBs ZW8gbnVuYywgZWdlc3RhcyBzZWQgYmxhbmRpdCBub24sIHNlbXBlciBhYyByaXN1cy4gRHVpcyBu ZWMgdml2ZXJyYSB2ZWxpdC4gRHVpcyBlZ2V0IHF1YW0gZmVsaXMuIEZ1c2NlIG51bmMgdmVsaXQs IGZhdWNpYnVzIGV1IHBvc3VlcmUgaW4sIGVnZXN0YXMgcXVpcyBhcmN1LiBBbGlxdWFtIHZhcml1 cyBlcmF0IHZlbmVuYXRpcyBlcm9zIHNhZ2l0dGlzIGEgY29uZ3VlIHVybmEgdGVtcG9yLiBQZWxs ZW50ZXNxdWUgZmF1Y2lidXMgZ3JhdmlkYSBzb2RhbGVzLiBJbnRlZ2VyIHZhcml1cyB0dXJwaXMg cXVpcyB1cm5hIHNvZGFsZXMgdmVsIGJsYW5kaXQgbmVxdWUgZWxlaWZlbmQuIFZpdmFtdXMgdG9y dG9yIGF1Z3VlLCBwZWxsZW50ZXNxdWUgdmVsIGNvbmRpbWVudHVtIG5lYywgYmliZW5kdW0gcXVp cyBlcm9zLjwvcD4KICAgIDxwPk1hZWNlbmFzIGxvYm9ydGlzIGF1Y3RvciBtYXNzYSwgaWQgZmV1 Z2lhdCBtYXVyaXMgZnJpbmdpbGxhIGEuIEZ1c2NlIGlkIGVyYXQgYSBsaWJlcm8gdmVuZW5hdGlz IHBvcnR0aXRvciBlZ2V0IGFjIGVyYXQuIE51bGxhbSBwb3J0dGl0b3IgcnV0cnVtIGRvbG9yLCB2 ZWwgY29uZ3VlIHNhcGllbiBpbnRlcmR1bSB2ZWwuIFZlc3RpYnVsdW0gZWdldCBsZW8gbnVuYy4g VmVzdGlidWx1bSBzaXQgYW1ldCBlbGl0IGV1IGFudGUgdGVtcG9yIHVsdHJpY2VzLiBGdXNjZSB0 dXJwaXMgYW50ZSwgZXVpc21vZCBlZ2V0IGVsZWlmZW5kIGlhY3VsaXMsIGRpZ25pc3NpbSBuZWMg bnVuYy4gQWxpcXVhbSBwb3N1ZXJlIHRlbXBvciB0b3J0b3IsIGEgdnVscHV0YXRlIGxlbyB1bGxh bWNvcnBlciB2aXRhZS4gVml2YW11cyBhdCBuZXF1ZSBhYyBudWxsYSBsYW9yZWV0IHB1bHZpbmFy LiBNYXVyaXMgcG9ydGEgZmFjaWxpc2lzIHRlbGx1cyB2dWxwdXRhdGUgc29sbGljaXR1ZGluLjwv cD4KPC9kaXY+Cg==