Bug 70526
| Summary: | Animations breaking stacking context of generated content | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Joshua Cody <josh> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, josh, shanestephens |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Joshua Cody
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/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Shane Stephens
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.
Brent Fulgham
All browsers seem to have this behavior.