54766 2011-02-18 12:33:00 -0800 CSS translate3d() changing z-index in Safari 2023-12-15 14:01:12 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC OS X 10.6 RESOLVED CONFIGURATION CHANGED http://jsfiddle.net/fTA3R/ InRadar P2 Normal --- 1 wjmaclean webkit-unassigned ahmad.saleem792 ap bfulgham cmarrin karlcow rniwa simon.fraser webkit-bug-importer zalan oldest_to_newest 353747 0 wjmaclean 2011-02-18 12:33:00 -0800 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. 1886227 1 ahmad.saleem792 2022-07-23 09:03:38 -0700 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! 1886236 2 webkit-bug-importer 2022-07-23 10:33:07 -0700 <rdar://problem/97487306> 2000029 3 ahmad.saleem792 2023-12-15 14:01:12 -0800 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'.