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 | ||
christoph-wk
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!
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 227624 ***