[Webkit-unassigned] [Bug 255028] New: transform-style: preserve-3d prevents links when :after has negative z-index

[bugzilla-daemon at webkit.org]

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

            Bug ID: 255028
           Summary: transform-style: preserve-3d prevents links when
                    :after has negative z-index
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Apple Silicon)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: atirip at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 465775

  --> https://bugs.webkit.org/attachment.cgi?id=465775&action=review

standalone html that explains the bug

Latest Safari Version 16.4 (17615.1.26.101.9, 17615)

When element has transform-style: preserve-3d set, then :after pseudo element with negative z-index always prevents links to be clicked. They are visible and all, rendered as in another browsers, but not clickable.
In current Safari, also transformZ is buggy and does not move :after behind the element, this is fixed in current STP Release 166 (Safari 16.4, WebKit 17616.1.6.11),
but links are not clickable still. Current effective workaround is to set pointer-events: none; for :after pseudo element.

Current Chrome and Firefox are identical and work as expected in all cases.

There is codepen that explains: https://codepen.io/atirip/pen/ZEqzVBV

Attachment has standalone html.

-- 
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/20230405/eea9537f/attachment.htm>