Problems with keyframes animations of transforms on svg elements

Fixed Issue #15491746


Li i.
Jan 17, 2018
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

These two animations work fine on Chrome or Firefox. On Edge, however, the opacity transform of the first one shows faster, and the scale transform of the second one doesn’t take effect.

If the transform-origin property is removed, the first one will performs normal.


1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

    Changed Assigned To to “wptcomptri”

    Changed Assigned To to “Bogdan B.”

    Changed Title from “Problems with keyframes animations of transforms” to “Problems with keyframes animations of transforms on svg elements”

    Changed Status to “Fixed”

  • Confirmed. Thanks for your report.

  • Microsoft Edge Team

    Changed Status from “Fixed” to “Fixed”

  • Thank you for the report. We’ve recently completed the feature work required to make this work and you should be able to see this in action in WIP Fast ring builds > 3/7 (note that the date applies to the build, not release date!)

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

Sign in