`background-color` of `body` element is resetted to initial if it is specifeid by custom property and there is a body::after

Duplicate Issue #12376022 • See Issue #12414257

Details

Created
Jun 17, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Duplicates
See progress on Bug #12414257
Found in build #
15.15063
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Minimal test case is this:

:root {
  --foo: green;
}

body {
  background-color: var(--foo);
}

body::after {
  background-color: #f0f;
  content: "test";
}

With this CSS, the page should have green background, but Edge 15 renders with initial value (transparent).

If this CSS specify background-color without custom property or does not have body::after ruleset, Edge 15 renders correctly in green.

Attachments

0 attachments

    Comments and activity

    • Test page on JSFiddle: https://jsfiddle.net/vc60vegu/

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Rick J.”

      Changed Assigned To to “Bogdan B.”

      Changed Status to “Duplicate”

    • Resolving as dupe as this is due to the same issue as 12414257. Thanks for filing it.

    • This bug has marked as duplicate. Please follow the parent issue to get new updates.

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

    Sign in