RESOLVED WONTFIX 113725
Scrollbar shadow DOM should be intuitively hierarchical 
https://bugs.webkit.org/show_bug.cgi?id=113725
Summary Scrollbar shadow DOM should be intuitively hierarchical
Jon Rimmer
Reported 2013-04-01 14:59:15 PDT
Webkit exposes the shadow DOM of its scrollbars for styling via a number of pseudo-elements, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, etc. Intuitively, these should form a hierarchy that can be styled via the appropriate selectors. E.g. ... ::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb { background-color: red; } ...should style the scrollbar thumb when any part of the scrollbar is hovered. This does not work. See the attached testcase for a reproduction. The important use case for this is web sites and applications that wish to have a scrollbar that is invisible or subdued until any part of it is hovered or focused. The current situation means this is not possible using CSS.
Attachments
Simple testcase (634 bytes, text/html)
2013-04-01 14:59 PDT, Jon Rimmer 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jon Rimmer
Comment 1 2013-04-01 14:59:45 PDT
Created attachment 196026 [details] Simple testcase
Brent Fulgham
Comment 2 2022-07-13 14:31:58 PDT
Neither Safari nor Chrome handles this properly. Firefox doesn't even support the custom scroll bars. This doesn't seem like an active compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.