RESOLVED CONFIGURATION CHANGED Bug 54766
CSS translate3d() changing z-index in Safari 
https://bugs.webkit.org/show_bug.cgi?id=54766
Summary CSS translate3d() changing z-index in Safari
W. James MacLean
Reported 2011-02-18 12:33:00 PST
In the referenced URL, the blue box should paint overtop of the red box, and not vice versa. In Safari the red box paints on top. Tested in Safari on Mac OS X 10.6, but may exist on other platforms/OSs.
Attachments
Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-07-23 09:03:38 PDT
I am able to reproduce this issue in Safari 15.6 on macOS 12.5 using attached URL test case and all other browsers (Chrome Canary 106 and Firefox Nightly 104) match each other and only Safari is showing different output where "red" box / square is on top of blue. Thanks!
Radar WebKit Bug Importer
Comment 2 2022-07-23 10:33:07 PDT
<rdar://problem/97487306>
Ahmad Saleem
Comment 3 2023-12-15 14:01:12 PST
Safari 17.2 is matching with Chrome Canary 122 and Firefox Nightly 122. https://jsfiddle.net/3obhvq6z/ (added unprefixed 'transform' as well). Marking this as 'RESOLVED CONFIGURATION CHANGED'.
Note You need to log in before you can comment on or make changes to this bug.