139091 2014-11-28 07:06:42 -0800 Native overflow scroll inside a -webkit-column-count doesn't column properly 2022-07-14 13:30:25 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All All RESOLVED CONFIGURATION CHANGED https://gist.github.com/gerardcobas/e9e71e45c57aeaf73159 P2 Major --- 1 gerard.cobas webkit-unassigned bfulgham oldest_to_newest 1051252 0 242268 gerard.cobas 2014-11-28 07:06:42 -0800 Created attachment 242268 Scrolleable div inside a -webkit-column-count Placing an overflow scroll element inside some content with -webkit-column-count > 1 doesn't change column if it doesn't fit on the first one. However, this can be avoided using some hardware acceleration on the scroll element. See attached for a quick demo. 1883741 1 bfulgham 2022-07-14 13:30:25 -0700 Safari 15.5+ now handles this case properly. 242268 2014-11-28 07:06:42 -0800 2014-11-28 07:06:42 -0800 Scrolleable div inside a -webkit-column-count webkitBug.html text/html 1975 gerard.cobas PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZCBsYW5nPSJlbiI+CiAgICA8bWV0YSBjaGFyc2V0 PSJVVEYtOCI+CiAgICA8dGl0bGU+PC90aXRsZT4KCiAgICA8c3R5bGU+CiAgICAgICAgLnNjcm9s bCB7CiAgICAgICAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDsKICAgICAgICAgICAgLXdlYmtpdC1v dmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBi bHVlOwogICAgICAgICAgICBoZWlnaHQ6IDIwMHB4OwogICAgICAgIH0KCiAgICAgICAgLmNvbHVt biB7CiAgICAgICAgICAgIC13ZWJraXQtY29sdW1uLWNvdW50OiAyOwogICAgICAgICAgICBiYWNr Z3JvdW5kLWNvbG9yOiByZWQ7CiAgICAgICAgICAgIGhlaWdodDogNDAwcHg7CiAgICAgICAgICAg IHdpZHRoOiA0MDBweDsKICAgICAgICB9CiAgICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoKPGRp diBjbGFzcz0iY29sdW1uIj4KICAgIDxwPkFMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29u c2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBNYXVyaXMgbm9uIG5pc2wgdnVscHV0YXRlIGF1Z3Vl IHZlbmVuYXRpcyB1bHRyaWNlcy4gVXQKICAgICAgICBjb25ndWUgc2FwaWVuIHV0IG51bmMgZXVp c21vZCBhY2N1bXNhbi4gTnVuYyBoZW5kcmVyaXQgb3JuYXJlIHVsbGFtY29ycGVyLiBDdXJhYml0 dXIgbWFzc2EgdXJuYSwgZ3JhdmlkYQogICAgICAgIG1vbGVzdGllIGxpZ3VsYSBxdWlzLCB2b2x1 dHBhdCB2ZXN0aWJ1bHVtIGxvcmVtLiBQcmFlc2VudCBlZ2V0IHRpbmNpZHVudCBtYXNzYS4gUGVs bGVudGVzcXVlIG1hbGVzdWFkYSBlbGVtZW50dW0KICAgICAgICBlc3QsIHV0IHZpdmVycmEgb3Jj aSBtb2xlc3RpZSBhdC4gUGVsbGVudGVzcXVlIGdyYXZpZGEgbWFnbmEgbnVsbGEsIHZlbCBwb3J0 YSB0dXJwaXMgbWF0dGlzIHV0LiBTZWQgY29uc2VxdWF0CiAgICAgICAgbnVsbGEgdG9ydG9yLCBz aXQgYW1ldCBpbnRlcmR1bSB0ZWxsdXMgYWxpcXVldCBlZ2V0LiA8L3A+CgogICAgPGRpdiBjbGFz cz0ic2Nyb2xsIj4KICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0 dXIgYWRpcGlzY2luZyBlbGl0LiBNYXVyaXMgbm9uIG5pc2wgdnVscHV0YXRlIGF1Z3VlIHZlbmVu YXRpcyB1bHRyaWNlcy4gVXQKICAgICAgICBjb25ndWUgc2FwaWVuIHV0IG51bmMgZXVpc21vZCBh Y2N1bXNhbi4gTnVuYyBoZW5kcmVyaXQgb3JuYXJlIHVsbGFtY29ycGVyLiBDdXJhYml0dXIgbWFz c2EgdXJuYSwgZ3JhdmlkYQogICAgICAgIG1vbGVzdGllIGxpZ3VsYSBxdWlzLCB2b2x1dHBhdCB2 ZXN0aWJ1bHVtIGxvcmVtLiBQcmFlc2VudCBlZ2V0IHRpbmNpZHVudCBtYXNzYS4gUGVsbGVudGVz cXVlIG1hbGVzdWFkYSBlbGVtZW50dW0KICAgICAgICBlc3QsIHV0IHZpdmVycmEgb3JjaSBtb2xl c3RpZSBhdC4gUGVsbGVudGVzcXVlIGdyYXZpZGEgbWFnbmEgbnVsbGEsIHZlbCBwb3J0YSB0dXJw aXMgbWF0dGlzIHV0LiBTZWQgY29uc2VxdWF0CiAgICAgICAgbnVsbGEgdG9ydG9yLCBzaXQgYW1l dCBpbnRlcmR1bSB0ZWxsdXMgYWxpcXVldCBlZ2V0LiBEdWlzIGNvbnNlcXVhdCBxdWFtIHV0IGRh cGlidXMgY29uc2VxdWF0LiBOYW0gdmVoaWN1bGEKICAgICAgICBtYWxlc3VhZGEgdGVsbHVzIGV1 IHZpdmVycmEuIEZ1c2NlIHBvcnRhIHNlbXBlciBpbXBlcmRpZXQuIEludGVnZXIgc2VkIGxpZ3Vs YSBzYXBpZW4uIERvbmVjIGFyY3UgcXVhbSwgZXVpc21vZAogICAgICAgIGVnZXQgbWkgdmVsLCBm aW5pYnVzIG1hbGVzdWFkYSBhbnRlLiBQZWxsZW50ZXNxdWUgY3Vyc3VzIG5lcXVlIGlkIG1hZ25h IHBlbGxlbnRlc3F1ZSBzY2VsZXJpc3F1ZS4gRG9uZWMgc2FnaXR0aXMKICAgICAgICBtYWduYSBz ZW0sIHV0IG1heGltdXMgb3JjaSBsb2JvcnRpcyBkaWN0dW0uIERvbmVjIHV0IGNvbW1vZG8gZXJv cy4KICAgIDwvZGl2Pgo8L2Rpdj4KCjwvYm9keT4KPC9odG1sPg==