0 on body breaks gradient with CSS variable stop

Confirmed Issue #13894114 • Assigned to Saqib A.

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. Set margin: 0 (or 0px, 0em, same thing).

This now makes the gradient disappear.

Test:

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

Attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Saqib A.”

  • This one is interesting. Messing with the pen a bit, if you change the body box model through border or padding manipulation it works. Additionally, if there is any content within the body it also works. This is a very strange bug, thanks for filing.

  • Microsoft Edge Team

    Changed Status to “Confirmed”

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

Sign in