Animation end events firing late

Fixed Issue #3949465

Details

Created
Aug 7, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

To repro, visit this jsFiddle (http://jsfiddle.net/Yottabyte/ka7kutz2/5/) and click “click” in the result pane.

Errant behavior video:
https://www.youtube.com/watch?v=EP0nmVkXB1k

Expected Results:

The setup is we have an element whose opacity is animating from 1 to 0. The JS animationEnd event is being listened to for this element, and calls element.parentNode.removeChild(element) as soon as the event fires. In the latest Chrome, FF, and Opera, and IE 9 and 10, the element animates its opacity, and is removed from the DOM when it is still hidden (with opacity value of 0). In IE 11, however, after the animation finishes, the DOM node is not removed, the element returns to its pre-animation opacity value of 1, and then is removed. Thus, there is effectively a “flicker” or “flash” of the element after the animation when there should not be.

Expected behavior video:
https://slack-files.com/files-pub/T02999LMR-F08ATH42Y-a3b3294358/download/vex_ie_11_example.mov

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “IE S.”

      Changed Status to “Fixed”

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

    Sign in