[Webkit-unassigned] [Bug 228262] New: Regression causing elements that use clip-path to be unclickable

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=228262

            Bug ID: 228262
           Summary: Regression causing elements that use clip-path to be
                    unclickable
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: UI Events
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: christoph-wk at barts.chat

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!

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210724/efc5e039/attachment-0001.htm>