Bug 69724

Summary: z-index doesn't work on inline-block level elements with rotateY transform in Safari
Product: WebKit Reporter: lensco <lensco>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, mathias, mattwoodrow, simon.fraser, tabatkins, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://jsfiddle.net/lensco/J3PUq/

Description lensco 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.
Comment 1 Ahmad Saleem 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!
Comment 2 Simon Fraser (smfr) 2022-09-12 12:21:03 PDT
This is about 3d transform rendering.
Comment 3 Radar WebKit Bug Importer 2024-02-08 15:42:27 PST
<rdar://problem/122588208>