[Webkit-unassigned] [Bug 233877] New: Applies css transition when doing `.cancel()` on js animated element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 233877
           Summary: Applies css transition when doing `.cancel()` on js
                    animated element
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mattiasha at gmail.com
                CC: dino at apple.com, graouts at apple.com

Created attachment 446039

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

reproduction

Steps to reproduce:

I have attached a screencast of this:

1. Go to https://codepen.io/emattias/pen/NWaxYrp?editors=0110
2. Press "toggle start animation button"
3. See the leftmost column animate in without a problem
4. Press "css transition on" button
5. Press "toggle start animation button" again
6. See that it will apply the transition set in the css when the javascript animation is cancelled (with .cancel() method)

I can reproduce this in the latest firefox and safari versions but not in chrome. I think the way chrome handles it (not applying css transition) is what I prefer and expect to happen (since the width has not changed).

-- 
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/20211206/f5c3ab82/attachment.htm>