Using calc() in -webkit-text-stroke causes Edge to fail to load the page

Confirmed Issue #11788799 • Assigned to Sergii N.

Details

Author
Jason J.
Created
Apr 25, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
15.15063
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Should be reproducible on an HTML page containing just this one element:
<div style="-webkit-text-stroke: calc(3px - 2px) red;">xyz</div>

Edge says: "This page is having a problem loading".

The only way I could cause the problem was by using a calc expression together with the shorthand -webkit-text-stroke. These styles both work correctly:

  • -webkit-text-stroke: 1px red
  • -webkit-text-stroke-width: calc(3px - 2px)

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Travis L.”

      Changed Assigned To to “Bogdan B.”

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

      Changed Status to “Confirmed”

      Changed Status from “Confirmed”

      Changed Assigned To to “Christian F.”

      Changed Status to “Confirmed”

      Changed Steps to Reproduce

      Changed Assigned To from “Christian F.” to “Sergii N.”

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

    Sign in