Bug 231590
| Summary: | [css-scrollbars-1] Implement "scrollbar-color" CSS property | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Luke Warlow <lwarlow> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED FIXED | ||
| Severity: | Normal | CC: | 50167214, benoit.rouleau, bfulgham, bramus, dino, dramaretskiy, kevin_neal, koivisto, nileanedorffer, nmouchtaris, r_a_m_i, sebastianzartner, simon.fraser, vertigoback, webkit-bug-importer, woodlxf00 |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 15 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| See Also: |
https://bugs.webkit.org/show_bug.cgi?id=258286 https://bugs.webkit.org/show_bug.cgi?id=258457 https://bugs.webkit.org/show_bug.cgi?id=258458 https://bugs.webkit.org/show_bug.cgi?id=258462 https://bugs.webkit.org/show_bug.cgi?id=258463 |
||
| Bug Depends on: | 257570, 257571, 257597, 257617, 257788, 258461, 258773, 259484, 260141, 297166 | ||
| Bug Blocks: | 297896 | ||
Luke Warlow
https://drafts.csswg.org/css-scrollbars-1/#scrollbar-color
WebKit should implement the "scrollbar-color" property.
This is a standard alternative to using the various "::-webkit-scrollbar" Pseudo elements and their background-color properties.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Kevin Neal
Thank you for filing the new feature request. The appropriate engineers have been notified.
Radar WebKit Bug Importer
<rdar://problem/84418022>
Luke Warlow
For anyone following this issue there's currently a limitation with the platform APIs that blocks this property being implemented on macOS and iOS.
Rami Yushuvaev
Luke, what is the limitation?
Luke Warlow
You're unable to use custom colours for painting the track and thumb. You'd have to implement them by painting it manually yourself (what Firefox and chromium do) but the current WebKit code uses a private API for scrollbars and it probably isn't desirable to replace that.
yisibl
https://github.com/WebKit/WebKit/pull/49248
https://github.com/WebKit/WebKit/pull/49176
https://github.com/WebKit/WebKit/pull/49478
Nikos Mouchtaris
This is implemented on Mac and iOS now.
Benoît Rouleau
Looks like the thumb can be colored now (in Safari TP 228), but not the track. See https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color#coloring_overflow_scrollbars