calc() function does not work with transform: rotate()

External Issue #12490382


Hui J.
Jun 25, 2017
This issue is public.
Found in
  • Microsoft Edge
  • Firefox
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

.element {
transform: rotate(calc(360deg / 14));
The above CSS should rotate the HTML element with by 25.7142857143deg but it does not work. This feature currently works on Chrome and Opera, but not Firefox. Firefox has a bug ( addressing this issue.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Bogdan B.”

      Changed Status to “External”

    • Thank you for the feedback - this is a known feature gap which is track on our feature backlog. I’ve resolved your feedback against this work.

    • This issue has been resolved External. This means this issue may require a new feature to be implemented or other work that is more significant than a typical bug. You may be able to find more information on this issue by searching for related features on and

    • Is it possible to access the feature backlog? I tried checking but it just says calc() is implemented.

    • On you state that both Calc and Transform feature is supported in Microsoft Edge. Is it fixed in Edge 17?

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

    Sign in