CSS "calc()" values don't work with "text-shadow"

Issue #212454

Details

Created
May 14, 2014
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Go to
http://bwvd.de/index.htm

There should be a very large shadowed heading "BwVD".

The shadow isn’t drawn correctly like in Firefox or Chrome.

Expected Results:

"calc()" and “text-shadow” should work like in Firefox and Chrome

Furthermore, I would expect that providing CSS fallback is possible if "calc()" within “text-shadow” isn’t supported,
but providing fallback like this doesn’t work:

text-shadow: -0.01em 0.01em 0.02em #333, 0.01em 0.01em 0.02em #999;
text-shadow: calc(-1px - 0.007em) calc(-1px - 0.007em) 0.02em #333, calc(1px + 0.007em) calc(1px + 0.007em) 0.02em #999;

Actual Results:

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “IE F.”

      Changed Status

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

    Sign in