Center coordinates for CSS rotate() animations are off

Fixed Issue #10308696

Details

Author
Michael W.
Created
Dec 24, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
15.14986
Reports
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 http://dabblet.com/gist/7615212: 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: http://recordit.co/WKXlndpyNz
Screencapture of expected behaviour (in Chrome): http://recordit.co/lUNt63evly

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.

Attachments

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