Center coordinates for CSS rotate() animations are off

Fixed Issue #10308696


Michael W.
Dec 24, 2016
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

It seems like the transform-origin is calculated wrongly when rotating elements in css-animations. See this should spin around its central point and not move vertically/horizontally. Instead, the center-point itself seems to move on a small circle.

Screencapture of faulty behaviour:
Screencapture of expected behaviour (in Chrome):

This is on Microsoft Edge 39.14986.1000.0, Microsoft EdgeHTML 15.14986. It looks to be a regression, I hadn’t observed this behaviour in previous builds.


0 attachments

    Comments and activity

    • I just noticed that this problem only presents itself when the zoom-factor is set to a value other than 100% and seems to vary by the zoom amount.

    • Microsoft Edge Team

      Changed Assigned To to “Ibrahim O.”

      Changed Status to “Fixed”

    • Thank you for your feedback. Looks like the issue is repro on current insider preview however both public stable and our internal builds (Upcoming insider versions) don’t repro this issue.  You should be able to see this fix in build 15000. 

      Best regards,
      The MS Edge Team 

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

    Sign in