293548 2025-05-25 09:02:45 -0700 REGRESSION(?): :hover and :active states inside &::-webkit-scrollbar-thumb apply to the entire element 2025-06-13 14:35:41 -0700 1 1 1 Unclassified WebKit CSS WebKit Nightly Build Unspecified Unspecified RESOLVED DUPLICATE 293230 BrowserCompat, InRadar P2 Normal --- 1 emile webkit-unassigned ahmad.saleem792 karlcow koivisto m_dubet simon.fraser webkit-bug-importer oldest_to_newest 2119581 0 emile 2025-05-25 09:02:45 -0700 This piece of code doesn't work anymore since sometime around Safari 18.4. .foo { &::-webkit-scrollbar-thumb { &:hover{ background: red; } } } Hovering .foo will make the entire background red, instead of only the scrollbar. This used to work. Creating separate lines, e.g. &::-webkit-scrollbar-thumb:hover { ... } solves it for now. 2120040 1 webkit-bug-importer 2025-05-27 19:33:01 -0700 <rdar://problem/152126908> 2120801 2 ahmad.saleem792 2025-05-30 15:03:46 -0700 @Emile - by any chance, you have demo or reduction or reproduction of test case, which we can use to reproduce the bug on how you are experiencing on particular website or in your scenario? 2120900 3 emile 2025-05-31 03:54:53 -0700 Sure! Here's a demo: https://codepen.io/Emile-Nijssen/pen/myJVjad 2120917 4 ahmad.saleem792 2025-05-31 09:41:51 -0700 *** Chrome Canary 139.0.7208.0 (Official Build) canary (arm64) *** First div container does not show anything on hover. *** Safari 18.5 *** First div container show `blue` whole background as blue *** Firefox Nightly 141 *** N/A - due to `-webkit-` prefix case. 2121132 5 simon.fraser 2025-06-02 09:22:49 -0700 Issue with nesting and pseudoelements? 2123602 6 m_dubet 2025-06-13 14:35:41 -0700 *** This bug has been marked as a duplicate of bug 293230 ***