[Webkit-unassigned] [Bug 158234] New: SVG content renders in incorrect vertical position when padding-left is not specified

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue May 31 13:55:37 PDT 2016


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

            Bug ID: 158234
           Summary: SVG content renders in incorrect vertical position
                    when padding-left is not specified
    Classification: Unclassified
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: thecoreh at gmail.com
                CC: simon.fraser at apple.com

Created attachment 280177
  --> https://bugs.webkit.org/attachment.cgi?id=280177&action=review
Test case reduction

Found a rendering bug in WebKit related to SVG and padding.

If you have an <svg> element inside a <div>, and you specify a non-zero padding-top value for the SVG element, but keep the padding-left property as 0, the element content gets rendered as if padding-top was 0. Specifying a padding-left of 1px makes the rendering normal. The same bug doesn't seem to happen with padding-right. The problem seems to be only related to the rendering of the SVG content, since layout seems to be normal on the Web Inspector. All other major browsers seem to agree on the rendering. (Screenshots below)

Attached is a test case reduction for the bug.

Rendering in Safari Technology Preview: https://cldup.com/hti9HBL7Df.png
Rendering in Firefox: https://cldup.com/N6V1hKJvdL.png
Rendering in Chrome: https://cldup.com/B8RxpaeDN2.png
Rendering in Edge: https://cldup.com/Y30FAbpYaU.png

Layout as per the Safari Technology Preview Web Inspector: https://cldup.com/V4ZCGl0zrC.png

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


More information about the webkit-unassigned mailing list