170962 2017-04-18 13:18:02 -0700 Some elements outside of the DOM (textarea grip, scrollbars) receive pointer events even when an ancestor has pointer-events: none; 2021-09-09 20:27:15 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Mac macOS 10.12 RESOLVED DUPLICATE 225229 https://bugs.webkit.org/show_bug.cgi?id=225229 BrowserCompat, InRadar P2 Normal --- 1 seriouslyicy webkit-unassigned cdumez rniwa simon.fraser webkit-bug-importer oldest_to_newest 1298404 0 seriouslyicy 2017-04-18 13:18:02 -0700 Test case: https://jsfiddle.net/IceCreamYou/z29yj6f5/4/ To reproduce: 1. Open the test case 2. Hover over the textarea grip (the handle you'd use to resize it) Expected result: Parent element remains blue Actual result: Parent element turns purple, indicating that it is in its :hover state I have tested this in Safari Version 10.1 (12603.1.30.0.34) and Safari Technology Preview Release 27 (Safari 10.2, WebKit 12604.1.15.2) on macOS 10.12.4. It does not happen on iOS because the resizer grip isn't rendered there (nor are scrollbars, generally) - although the same underlying bug may exist. I have also tested that this does not happen in Chrome or Firefox. Relevant to the scrollbar case: I have the "General > Show scroll bars" preference set to "Always". This causes the OS to always shrink the scrolling element and add a scrollbar, whereas the default behavior is to overlay a scrollbar when the scrolling element is hovered. 1298549 1 webkit-bug-importer 2017-04-18 18:42:52 -0700 <rdar://problem/31697620> 1792223 2 simon.fraser 2021-09-09 20:27:15 -0700 Fixed via bug 225229. *** This bug has been marked as a duplicate of bug 225229 ***