Bug 61824

Summary: transform-style:flat should draw in document order
Product: WebKit Reporter: Vangelis Kokkevis <vangelis>
Component: WebCore Misc.Assignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: cmarrin, eoconnor, jamesr, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   

Description Vangelis Kokkevis 2011-05-31 17:33:52 PDT
Should children of an element with -webkit-transform-style set to flat draw in document order or be depth sorted?  

Safari depth sorts whereas Chrome's compositor doesn't. My take is that unless the transform-style of the parent is set to preserves-3d, children should be drawn in their document (or z-index) order but I don't think the spec is clear about this.

This page demonstrates the difference:

http://dl.dropbox.com/u/2176065/perspective/index.html#album-4

(you'll need to mouse over the covers on the right to get them to flip around)
Comment 1 James Robinson 2011-05-31 17:40:32 PDT
I think that the elements have to be painted in document order (or more precisely the usual CSS painting order) unless CSS specifies exactly what Safari's depth sort does, which seems somewhat impractical.
Comment 2 Simon Fraser (smfr) 2011-05-31 17:45:24 PDT
-webkit-transform-style: flat should draw in document order, with no intersection. Safari isn't able to do this correctly yet.