Using CSS Custom Properties Variables on pseudo-elements with border shorthand ignores width

Fixed Issue #14341107

Details

Author
Liam S.
Created
Oct 23, 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

Hi there,

I’ve found a bug when using the border shorthand property and css variables within an pseudo element. This is only an issue within Edge, other browsers are fine.

As a workaround, if I add the width to the border property specifically then it will work (similarly, if I specify the border color with the css variable value then this works also)

Example:
(Code https://codepen.io/anon/pen/yzWYBp][https://codepen.io/anon/pen/yzWYBp]

Versions:
Windows Version: 10.0.15063 Build 15063
Microsoft Edge: 40.15063.674.0
Microsoft EdgeHTML: 15.15063

I’ve noticed this (thread)[https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/] however as the issues are ‘fixed’ I thought I’d add a new issue, feel free to move if needed.

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Status to “Fixed”

  • Does not reproduce in the latest version of Microsoft Edge released last week.

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

Sign in