CSS animations with percentage sizes, transforms with percentages, and an interstitial keyframe do not recalculate correctly on resize

Confirmed Issue #4871428 • Assigned to Rick J.


Oct 6, 2015
This issue is public.
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce


Repro Steps:

I’ve created a web page on GitHub that describes the problem as I have above and provides a demonstration.


Expected Results:

As with all other browsers I’ve tested, the variable sizes involved in the animation should be recalculated properly and the element’s position on the screen should be updated correspondingly without necessitating a refresh.

With the particular example given, the animation should traverse the entire width of the screen at any size and at the same rate.

Actual Results:

Dev Channel specific:



0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Mara P.”

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Scott B.”

    • This issue is still reproducible in Edge 38.14393.0.0

    • Microsoft Edge Team

      Changed Assigned To from “Scott B.” to “James M.”

      Changed Assigned To from “James M.” to “Scott B.”

      Changed Assigned To from “Scott B.” to “Olga G.”

      Changed Assigned To to “Rick J.”

      Changed Status to “Confirmed”

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

    Sign in