Summary: | Native overflow scroll inside a -webkit-column-count doesn't column properly | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Gerard Cobas <gerard.cobas> | ||||
Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | RESOLVED CONFIGURATION CHANGED | ||||||
Severity: | Major | CC: | bfulgham | ||||
Priority: | P2 | ||||||
Version: | 528+ (Nightly build) | ||||||
Hardware: | All | ||||||
OS: | All | ||||||
URL: | https://gist.github.com/gerardcobas/e9e71e45c57aeaf73159 | ||||||
Attachments: |
|
Safari 15.5+ now handles this case properly. |
Created attachment 242268 [details] 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.