[Webkit-unassigned] [Bug 172551] New: Pseudo element on body breaks background on document root

Wed May 24 11:46:49 PDT 2017

https://bugs.webkit.org/show_bug.cgi?id=172551

            Bug ID: 172551
           Summary: Pseudo element on body breaks background on document
                    root
           Product: WebKit
           Version: Safari 10
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jimmy at codemagic.dk

Created attachment 311141

  --> https://bugs.webkit.org/attachment.cgi?id=311141&action=review

Screenshots of different browsers

Summary:
Please see JSFiddle that demonstrates the problem: https://jsfiddle.net/e0znq0mf/

A background image applied to the document root (<html>) is not rendered properly if the document root element has margin on the left side while a pseudo element is applied to the body (<body>) element. Removing the pseudo element from the body element fixes the problem - but this construct works in all modern browsers except Safari, and is used by e.g. Sitemagic CMS.

See screenshots and JSFiddle.

Steps to Reproduce:
I have created a demo using JSFiddle.net - https://jsfiddle.net/e0znq0mf/

Expected Results:
Proper rendering of background image on document root element.

Observed Results:
Background image is not rendered to the left side of content.

Version:
Safari Version 10.1 (11603.1.30.0.34)

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170524/afa3d25b/attachment-0001.html>