.calc() not working inside color and transform functions

Issue #653501

Details

Created
Jul 29, 2014
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Try using the calc function inside rgb()/ rgba()/ hsl()/ hsla()/ translate()/ translateX()/ translateY()/ translateZ()/ scale()/ rotate()/ skewX()/ skewY()/ scaleX()/ scaleY()/ scaleZ()/ rotateX()/ rotateY()/ rotateZ()/ translate3d()/ rotate3d()/ matrix()/ matrix3d()/ scale3d().

Test cases http://codepen.io/thebabydino/pen/wfraH?editors=110

Expected Results:

Something like hsl(calc(200 / 2), 100%, 50%) should work just like hsl(100, 100%, 50%).

Actual Results:

Dev Channel specific:

Yes

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “IE F.”

      Changed Status

    • My site uses calc() inside the transform rotate() for a site UI layout. It works on Chrome and Firefox, but not on Edge.
      http://volfeganbox.byethost14.com/

    • My site uses calc() inside the transform rotate() for a site UI layout. It works on Chrome and Firefox, but not on Edge.
      http://volfeganbox.byethost14.com/

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

    Sign in