background inherit on body pseudo breaks gradient with CSS variable stop

Not reproducible Issue #13894219

Details

Author
Ana T.
Created
Sep 22, 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

  1. Set a linear-gradient() with a CSS variable stop on the body:
background: linear-gradient(90deg, red var(--stop, 9%), tan 0);

This works just fine.

  1. Add a pseudo-element to the body and set background: inherit on it.

This now breaks the background on the body.

Test:

https://codepen.io/thebabydino/pen/gGwxVM

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Status to “Not reproducible”

  • This has been fixed and will ship with the Fall update in EdgeHTML 16. Thanks for filing.

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

Sign in