Animation events don't fire on animations with CSS generated elements

Issue #16134592

Details

Author
chris h.
Created
Feb 27, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
16.16299
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Animation events don’t fire on animations that animate elements created with ::before or ::after
See: https://codepen.io/codepo8/pen/VQVZxy
The first demo uses a DIV inside a DIV to animate, which works - you click the button, the animation runs and the button gets changed to “again” and you can re-start the animation.

The second demo doesn’t work in Edge. It runs the animation of the generated element, but the even never fires.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status

    • Hello,

      Thank you for providing this information about the issue. We previously confirmed the problem, and have published a solution on a new build of Edge. We are resolving this issue as a duplicate of an existing internal bug report. We look forward to additional feedback you may have on how we can improve Microsoft Edge.

      Best Wishes,
      The MS Edge Team

    • Noticing the issue in latest version Microsoft EdgeHTML 18.18362

    You need to sign in to your Microsoft account to add a comment.

    Sign in