Bug 69724 - z-index doesn't work on inline-block level elements with rotateY transform in Safari
Summary: z-index doesn't work on inline-block level elements with rotateY transform in...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/lensco/J3PUq/
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2011-10-09 08:31 PDT by lensco
Modified: 2024-02-08 15:42 PST (History)
9 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
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>