api.Element.animationcancel_event - chromium supports onanimationcancel property #29376

Activity

1. xBZZZZ

   added

   needs triageIssue that has not yet been reviewed.Issue that has not yet been reviewed.

   on Mar 31, 2026
2. caugner commented on Apr 1, 2026

   

   caugner

   on Apr 1, 2026

   Contributor

   More actions

   Thanks for reporting. Are you able to share your test case?
3. xBZZZZ commented on Apr 1, 2026

   

   xBZZZZ

   on Apr 1, 2026

   Author

   More actions

   Thanks for reporting. Are you able to share your test case?

   <!doctype html>
   <style>
   @keyframes k{
   from{background-color:blue}
   to{background-color:red}
   }
   #q{animation:1s k;width:100px;height:100px}
   </style>
   <div id="q"></div>
   <script>
   q.onanimationcancel=function(){alert("cancel!")}
   setTimeout(function(){q.remove()},500)
   </script>
4. caugner commented on Apr 1, 2026

   

   caugner

   on Apr 1, 2026

   Contributor

   More actions

   We have a collector test for this feature (https://collector.openwebdocs.org/tests/api/Element/animationcancel_event), but it's failing for me in Chrome Android 146.

   Does the test pass for you?
5. caugner

   added

   data:apiCompatibility data for Web API features. https://developer.mozilla.org/docs/Web/APICompatibility data for Web API features. https://developer.mozilla.org/docs/Web/API

   p3Medium priority. Community pull requests are encouraged.Medium priority. Community pull requests are encouraged.

   and removed

   needs triageIssue that has not yet been reviewed.Issue that has not yet been reviewed.

   on Apr 1, 2026
6. xBZZZZ commented on Apr 1, 2026

   

   xBZZZZ

   on Apr 1, 2026

   Author

   More actions

   We have a collector test for this feature (https://collector.openwebdocs.org/tests/api/Element/animationcancel_event), but it's failing for me in Chrome Android 146.

   (function () {
     var instance;
     try {
       instance = document.createElementNS("", "el");
     } catch (e) {
       instance = document.createElement("b");
     }
     return !!instance && "onanimationcancel" in instance;
   })();

   returns false both in firefox and chromium

   xml namespace (document.createElementNS argument 1) matters!

   //run in newest firefox or chromium
   "onanimationcancel" in document.createElementNS("http://www.w3.org/1999/xhtml","whatever")//true
   "onanimationcancel" in document.createElementNS("http://www.w3.org/2000/svg","whatever")//true
   "onanimationcancel" in document.createElementNS("http://www.w3.org/1998/Math/MathML","whatever")//true
   "onanimationcancel" in document.createElementNS("http://ifconfig.me/","whatever")//false
7. caugner commented on Apr 1, 2026

   

   caugner

   on Apr 1, 2026

   Contributor

   More actions

   Good catch, the animationcancel event is not actually supported on Element itself.

   Both https://html.spec.whatwg.org/multipage/webappapis.html#event-handlers-on-elements,-document-objects,-and-window-objects and https://drafts.csswg.org/css-animations-1/#event-handlers-on-elements-document-objects-and-window-objects state:

   The following are the event handlers (and their corresponding event handler event types) that must be supported by all HTML elements, as both event handler content attributes and event handler IDL attributes; and that must be supported by all Document and Window objects, as event handler IDL attributes:

   The onanimation* event handlers are added to GlobalEventHandlers via https://drafts.csswg.org/css-animations-1/#interface-globaleventhandlers-idl, and GlobalEventHandlers is only included by the following interfaces (see this list):

   • Document
   • HTMLElement
   • MathMLElement
   • SVGElement
   • Window

   Given that this affects the four animation* events, and possibly others, we should probably correct this in the BCD collector first.

   👍React with 👍1Reacted by xBZZZZ
8. caugner

   added

   needs collector updateIssue requires a BCD Collector updateIssue requires a BCD Collector update

   p2High priority. Community pull requests are strongly encouraged.High priority. Community pull requests are strongly encouraged.

   blockedIssue or pull request that cannot proceed until a blocker is resolved.Issue or pull request that cannot proceed until a blocker is resolved.

   and removed

   p3Medium priority. Community pull requests are encouraged.Medium priority. Community pull requests are encouraged.

   on Apr 1, 2026
9. caugner

   added

   browser:chromeIssue about Chrome support, including Chrome for Android and equivalent Edge support.Issue about Chrome support, including Chrome for Android and equivalent Edge support.

   on Jul 7, 2026
10. BHUVANSH855 commented on Aug 11, 2026

    

    BHUVANSH855

    on Aug 11, 2026

    Contributor

    More actions

    I've opened a PR in the BCD collector to address the underlying GlobalEventHandlers handling:

    openwebdocs/mdn-bcd-collector#3324

    The PR updates the IDL flattening logic so GlobalEventHandlers members are mapped to their implementing interfaces while avoiding duplicate definitions. It also removes the now-unnecessary Element.onanimationcancel custom IDL entry and its Chrome/Edge overrides.

    This should address the collector-side issue identified in this report. Thanks for the investigation and test case!
11. connorshea commented on Sep 11, 2026

    

    connorshea

    on Sep 11, 2026

    Contributor

    More actions

    Just ran into this and was about to open a ticket about it. Right now onAnimationCancel is missing in React as well 😅 It'd be good to get this fixed.
12. hoxyq

    added a commit that references this issue on Sep 13, 2026

    [DOM] Add support for `onAnimationCancel` (#37609)

    ...

    564923c
13. github-actions

    added 2 commits that reference this issue on Sep 13, 2026

    [DOM] Add support for `onAnimationCancel` (#37609)

    ...

    ff0aca9

    [DOM] Add support for `onAnimationCancel` (#37609)

    ...

    393bf8a