[Webkit-unassigned] [Bug 203081] New: [Web Animations] Adding a transition interferes with Web Animation easing

[bugzilla-daemon at webkit.org]

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

            Bug ID: 203081
           Summary: [Web Animations] Adding a transition interferes with
                    Web Animation easing
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ldebeasi at gmail.com
                CC: dino at apple.com

Link to reproduction: https://codepen.io/liamdebeasi/pen/PooGPMM

Steps to reproduce:

1. Open the CodePen link. You should see a blue square translating on the X axis and fading out to 0 in an endless loop.
2. Click the "toggle transition" button. This will add "transition: 0.2s ease-in-out;" to the square.
3. Notice that the animation is no longer smooth and is janky.

This behavior does not happen in Chrome/Firefox. I would expect that Web Animations would override whatever applicable CSS I have applied inline to the element.

-- 
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/20191017/7ca2b7a7/attachment.html>