RESOLVED CONFIGURATION CHANGED 69724
z-index doesn't work on inline-block level elements with rotateY transform in Safari 
https://bugs.webkit.org/show_bug.cgi?id=69724
Summary z-index doesn't work on inline-block level elements with rotateY transform in...
lensco
Reported 2011-10-09 08:31:53 PDT
As you can see in the test case (http://jsfiddle.net/lensco/J3PUq/) z-index doesn't seem to affect inline-block level elements with a rotateY transform. This happens only in Safari – tested in WebKit Nightly 7534.48.3 and Safari 5.1 on Lion and Safari 5.0.6 on Snow Leopard. Chrome (dev channel) looks fine.
Attachments
Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-09-12 06:50:02 PDT
Updated to remove -webkit-: Link - https://jsfiddle.net/2dsfqtrj/ I am able to reproduce this in Safari Technology Preview 153, where the second container does not work while hovering and shift similar to first container. All other browsers (Chrome Canary 107 and Firefox Nightly 106) have 'rotate' effect. Going to change status to "New", it might be duplicate of other bug but still sharing updated testing results. Thanks!
Simon Fraser (smfr)
Comment 2 2022-09-12 12:21:03 PDT
This is about 3d transform rendering.
Radar WebKit Bug Importer
Comment 3 2024-02-08 15:42:27 PST
<rdar://problem/122588208>
Ahmad Saleem
Comment 4 2024-03-30 17:35:32 PDT
Safari 17.4 seems to no longer reproduce this issue and both container now react similar to hover. @Karl - can you confirm so we can mark this as 'RESOLVED CONFIGURATION CHANGED'? One less bug to track for 'BrowserCompat' (if it is fixed).
Karl Dubost
Comment 5 2024-03-31 19:25:14 PDT
Confirmed.
Note You need to log in before you can comment on or make changes to this bug.