[Webkit-unassigned] [Bug 107030] New: z-order issues with Webkit scale transform

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=107030

           Summary: z-order issues with Webkit scale transform
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Unspecified
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mgraboski at google.com


Reproduced on: Chrome 24.0.1312.52 and Safari 6.0.2.  
OS:  Mac OS X 10.8.2

To reproduce:
1.  Launch Chrome and resize it to a very small size.
2.  Open index.html in the attached .zip in Chrome.
3.  Press the "play" button.
4.  Resize the Chrome window to much larger.  

What is the expected output? What do you see instead?
Beyond a certain point, you'll see the blue objects in the content begin to overlap the green objects.

Additional information.
There are multiple canvas residing under the same div as children. As we start applying Webkit scale transform on the parent div, the z-order of the canvas items gets disturbed. Few canvas of bigger dimensions which are placed lower in z-order begin to overlap items above them. This happens beyond a certain scaling factor. Also, this issue is reproducible on all webkit based browsers – Safari, Chrome, IOS Safari.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.