Bug 44751 - 3D clipping on reverse-ordered z-indices
Summary: 3D clipping on reverse-ordered z-indices
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Normal
Assignee: Brandon
URL: http://gist.github.com/552970
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2010-08-27 00:22 PDT by Aaron Wheeler
Modified: 2022-09-01 14:41 PDT (History)
5 users (show)

See Also:

Attachments
screenshot of bug (19.39 KB, image/png)
2010-08-27 00:22 PDT, Aaron Wheeler 		no flags Details
Test Case (1.02 KB, text/html)
2022-07-12 13:32 PDT, Brent Fulgham 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Aaron Wheeler 2010-08-27 00:22:51 PDT 
Created attachment 65684 [details]
screenshot of bug

Clipping of 3d CSS rotations of an element occurs when a previous sibling in the DOM has a lower z-index than the element.

For an example, see here:

http://gist.github.com/552970
Comment 1 Brent Fulgham 2022-07-12 13:32:35 PDT 
Created attachment 460822 [details]
Test Case
Comment 2 Brent Fulgham 2022-07-12 13:32:56 PDT 
This works properly in Firefox and Chrome, but fails in Safari.
Comment 3 Radar WebKit Bug Importer 2022-07-12 13:33:06 PDT 
<rdar://problem/96907282>
Comment 4 Matt Woodrow 2022-09-01 14:41:55 PDT 
This happens because WebKit considers the two elements to be sharing a 3d rendering context, and thus computes intersections in 3d space. The other two implementations consider only the element with preserve-3d to be creating a 3d rendering context, and so no intersections happen.