RESOLVED FIXED 255028
transform-style: preserve-3d prevents links when :after has negative z-index 
https://bugs.webkit.org/show_bug.cgi?id=255028
Summary transform-style: preserve-3d prevents links when :after has negative z-index
Priit Pirita
Reported 2023-04-05 06:01:02 PDT
Created attachment 465775 [details] 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.
Attachments
standalone html that explains the bug (997 bytes, text/html)
2023-04-05 06:01 PDT, Priit Pirita 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-04-05 12:04:56 PDT
<rdar://problem/107671388>
Matt Woodrow
Comment 2 2023-04-07 10:49:28 PDT
Pull request: https://github.com/WebKit/WebKit/pull/12516
EWS
Comment 3 2023-04-07 13:33:18 PDT
Committed 262728@main (048b254e9fd9): <https://commits.webkit.org/262728@main> Reviewed commits have been landed. Closing PR #12516 and removing active labels.
Note You need to log in before you can comment on or make changes to this bug.