Bug 228262 - Regression causing elements that use clip-path to be unclickable
Summary: Regression causing elements that use clip-path to be unclickable
Status: RESOLVED DUPLICATE of bug 227624
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: WebKit Nightly Build
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-07-23 20:57 PDT by christoph-wk
Modified: 2021-07-24 22:08 PDT (History)
1 user (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 christoph-wk 2021-07-23 20:57:16 PDT 
In this repro case: 

https://codepen.io/cmbartschat/full/KKmyovz

The expected behavior is that both <a> tags can be hovered and clicked on, but instead, I'm seeing that the second link, the one with clip-path applied, is not receiving pointer events, so I can't hover or click on it.


There is a regression between: 

Safari on Mac - Version 14.1.2 (16611.3.10.1.3) (Works as expected)

Safari Tech Preview - Release 128 (Safari 15.0, WebKit 16612.1.22.11.3) (Does not work as expected)

I'm also seeing the problem in Safari on iPadOS 15.0.



Some extra observations: 

- If the <h1> gets margin: 0 or display: none, the problem goes away.
- If the wrapper gets position: static instead of position: relative, the problem goes away.



Please let me know if I can provide any more details!
Comment 1 Simon Fraser (smfr) 2021-07-24 22:08:24 PDT 

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