Bug 54766
| Summary: | CSS translate3d() changing z-index in Safari | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | W. James MacLean <wjmaclean> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, cmarrin, karlcow, rniwa, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | OS X 10.6 | ||
| URL: | http://jsfiddle.net/fTA3R/ | ||
W. James MacLean
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
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
<rdar://problem/97487306>
Ahmad Saleem
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'.