| 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.