Custom property does not inherit `calc()` values

Confirmed Issue #12143022 • Assigned to Saqib A.

Details

Created
May 26, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
15.15063
Reports
Reported by 4 people

Sign in to watch or report this issue.

Steps to reproduce

:root {
  --foo: 1rem;
  --bar: calc(var(--foo) * 2);
  --baz: calc(var(--bar) * 2);
}

With this CSS var(--baz) should be 4rem, but Edge cannot understand this. I tested this on Chrome 58, Firefox 53.0.3, and Mobile Safari 10.3.2, and they works as expected.

This bug is very critical, because many of us calcurate width with calcurated width in Sass.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Kevin B.”

      Changed Status to “Confirmed”

      Changed Title from “Custom property does not inherit `calc()` values” to “Custom property does not inherit `calc()` values”

      Changed Assigned To from “Kevin B.” to “Saqib A.”

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

    Sign in