Setting margin:0 on body breaks gradient

Issue #13894114 • Assigned to Christian F.

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 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/anon/pen/jaXrLm

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”

    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

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

Sign in