[Webkit-unassigned] [Bug 223784] New: Elements with transform are flashing through others during animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 223784
           Summary: Elements with transform are flashing through others
                    during animation
           Product: WebKit
           Version: Safari 14
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: roland at nextendweb.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 424327

  --> https://bugs.webkit.org/attachment.cgi?id=424327&action=review

Safari 14.4.1 iPhone

Steps to reproduce:
1. Open https://smartslider3.com/bugs/webkit/transform2dflashing/
2. Switch slides (mousewheel or swipe) and watch the animated elements.

I know Safari handles the z-index between elements with 3d transforms differently than other browsers do. As I remember such issue only happened in the past when real 3d animations were used like rotateX, rotateY, z axis. Now it happens without 3d properties. 

This is how the transform property looks like on one of the flashing elements during the animation:
transform: translate(355px, 442px) translate(-50%, -50%) translate3d(-4.1864px, -10.466px, 0px) scale(0.9791, 0.9791);

-- 
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/20210326/c278ccd0/attachment.htm>