text-align set with css variable doesn't work on Edge 15 (Custom Properties)

Confirmed Issue #11728214 • Assigned to Kevin B.

Details

Author
Jesse L.
Created
Apr 20, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

https://wptest.center/#/xumvx7

 

Description

CSS property text-align does not work when it’s set with a CSS variable.

How to reproduce

  1. Create HTML page with a div that has text
  2. Create css variable that has value center
  3. Set the div’s text-align to that variable
  4. Open page with Edge 15

Behaviour

The text is not centered

Expected behaviour

The text should be centered

Example

https://jsfiddle.net/jzx8h6cb/

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 “text-align set with css variable doesn't work on Edge 15” to “text-align set with css variable doesn't work on Edge 15 (Custom Properties)”

      Changed Steps to Reproduce

      Changed Title from “text-align set with css variable doesn't work on Edge 15 (Custom Properties)” to “text-align set with css variable doesn't work on Edge 15 (Custom Properties)”

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

    Sign in