Setting margin:0 on body breaks gradient

Confirmed Issue #13894114 • Assigned to Bogdan B.


Ana T.
Sep 22, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
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 9%, tan 0);

This works just fine.

  1. Set margin: 0 (or 0px, 0em, same thing).

This now makes the gradient disappear.



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”

    Changed Steps to Reproduce

    Changed Title from “0 on body breaks gradient with CSS variable stop” to “0 on body breaks gradient”

    Changed Status from “Confirmed”

    Changed Assigned To to “Christian F.”

    Changed Title from “0 on body breaks gradient” to “Setting margin:0 on body breaks gradient”

  • Renaming to get the title appear correctly on the website

  • Microsoft Edge Team

    Changed Assigned To from “Christian F.” to “Bogdan B.”

    Changed Status to “Confirmed”

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

Sign in