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

Issue #4871428 • Assigned to Scott B.

Details

Created
Oct 6, 2015
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

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

https://vsimonian.github.io/iestylebug.html

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:

No

Attachments

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.”

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

    Sign in