Bug 70526 - Animations breaking stacking context of generated content
Summary: Animations breaking stacking context of generated content
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-10-20 11:09 PDT by Joshua Cody
Modified: 2022-07-12 15:28 PDT (History)
3 users (show)

See Also:

Attachments
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 Joshua Cody 2011-10-20 11:09:37 PDT 
When animating a node that has z-indexed generated content and applying a transformation, the stacking context is lost (perhaps the node is receiving a z-index during the transformation?), and the node is positioned between the generated content and the canvas, instead of the generated content remaining behind the node.

See http://jsfiddle.net/q7Qh5/15/
Comment 1 Shane Stephens 2011-10-20 17:59:25 PDT 
This does seem to be specifically an issue with pseudoelements: see http://jsfiddle.net/xhWMc/ for the same example using real divs - z-index is maintained.
Comment 2 Brent Fulgham 2022-07-12 15:28:34 PDT 
All browsers seem to have this behavior.