Bug 170962 - Some elements outside of the DOM (textarea grip, scrollbars) receive pointer events even when an ancestor has pointer-events: none;
Summary: Some elements outside of the DOM (textarea grip, scrollbars) receive pointer ...
Status: RESOLVED DUPLICATE of bug 225229
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac macOS 10.12
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2017-04-18 13:18 PDT by Isaac Sukin
Modified: 2021-09-09 20:27 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Isaac Sukin 2017-04-18 13:18:02 PDT 
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.
Comment 1 Radar WebKit Bug Importer 2017-04-18 18:42:52 PDT 
<rdar://problem/31697620>
Comment 2 Simon Fraser (smfr) 2021-09-09 20:27:15 PDT 
Fixed via bug 225229.

*** This bug has been marked as a duplicate of bug 225229 ***