Bug 228262

Summary:	Regression causing elements that use clip-path to be unclickable
Product:	WebKit	Reporter:	christoph-wk
Component:	UI Events	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	simon.fraser
Priority:	P2
Version:	WebKit Nightly Build
Hardware:	Mac (Intel)
OS:	macOS 11

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 ***