[Webkit-unassigned] [Bug 247299] New: Incorrect paint of 'translate' property animation

[bugzilla-daemon at webkit.org]

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

            Bug ID: 247299
           Summary: Incorrect paint of 'translate' property animation
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: octrace at gmail.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 463331

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

Bug recorded

Visit this sandbox in Safari: https://codesandbox.io/s/new-firefly-lb1s2e?file=/src/index.js

Open it in the new tab (by some reason bug doesn't appear in the sandbox preview)

Click "Animate" button.

As I understand, overlapping of the element without translation with the element with first keyframe applied get's erased. For example if you'll specify '0px' as the first keyframe - animation will work correctly. If it will be '10px' - first 10px of the original element will be still shown during the animation.

Setting element's transform property to any valid value fixes this behaviour.

-- 
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/20221101/7567cdd6/attachment-0001.htm>