Bug 278820
| Summary: | scrollbar-width update doesn't correctly relayout | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Luke Warlow <lwarlow> |
| Component: | Scrolling | Assignee: | Nikos Mouchtaris <nmouchtaris> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | karlcow, nmouchtaris, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Luke Warlow
Steps to reproduce:
1. Load https://jsfiddle.net/ubLnz21s/
2. Click on the "Click Me" button
Expected Outcome:
The inner element should expand to fill the parent container.
Actual outcome:
There's a blue gutter where the scrollbar was.
Tested in other browsers:
Firefox: Expected
Chrome: Expected
Safari TP: Fail
Release 202 (Safari 18.0, WebKit 19620.1.4.8) on macOS 14.5 (23F79) with Scrollbars set to Always show.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Luke Warlow
Example of a relevant WPT test where this breaks. http://wpt.live/css/css-scrollbars/scrollbar-width-paint-001.html
Radar WebKit Bug Importer
<rdar://problem/134894732>
Karl Dubost
Missing step to reproduce:
try to scroll up or down
on top or bottom, a blue area will appear.
It doesn't appear on Firefox, Chrome.
Safari Technology Preview 202 20620.1.4.8
Firefox Nightly 131.0a1 13124.8.29
Google Chrome Canary 130.0.6696.0 6696.0
Nikos Mouchtaris
Pull request: https://github.com/WebKit/WebKit/pull/36020
EWS
Committed 286042@main (944510f44046): <https://commits.webkit.org/286042@main>
Reviewed commits have been landed. Closing PR #36020 and removing active labels.
EWS
Committed 283286.425@safari-7620-branch (b9e88c049cdf): <https://commits.webkit.org/283286.425@safari-7620-branch>
Reviewed commits have been landed. Closing PR #2192 and removing active labels.