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

External Issue #12490382

Details

Author
Hui J.
Created
Jun 25, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Firefox
Reports
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 (https://bugzilla.mozilla.org/show_bug.cgi?id=956573) addressing this issue.

Attachments

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 status.microsoftedge.com and uservoice.microsoftedge.com.

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

    • On status.microsoftedge.com 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