[Webkit-unassigned] [Bug 171053] New: z-index fails to transition

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Apr 20 06:17:43 PDT 2017


            Bug ID: 171053
           Summary: z-index fails to transition
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: birckin at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Animatable z-index property seems to ignore transitions, and changes its value from the source z-index to the target z-index without animating.

Steps to reproduce the bug:

1. Create 5 multilayered elements through z-index and absolute/fixed position. Several elements with different widths will help checking if the transition is working.
2. Set the top element to transition in 0.5 seconds between the highest and the lowest z-index when you :hover the parent element.

Example created in JSFiddle:

Actual results:

The element doesn't perform a z-index transition, it just change its value to the target z-index.
In the example, the element passes from being visible at the top to being hidden at the bottom instantly.

Expected results:

The element should move through the z-index values while transitioning, revealing every layer of those multilayered elements one by one.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170420/fbab275c/attachment-0001.html>

More information about the webkit-unassigned mailing list