[Webkit-unassigned] [Bug 175587] New: SVG logo on wtfismygs.com does not render properly as background-image

[bugzilla-daemon at webkit.org]

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

            Bug ID: 175587
           Summary: SVG logo on wtfismygs.com does not render properly as
                    background-image
           Product: WebKit
           Version: Safari 10
          Hardware: Macintosh
                OS: macOS 10.12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: wisniewskit at gmail.com
                CC: zimmermann at kde.org

Steps to reproduce the problem:
1. Visit https://wtfismygs.com
2. Notice that "WTF IS MY" in the logo is red.
3. Open the same SVG background-image on the h1 tag in a new tab using the devtools.
4. Notice that "WTF IS MY" has a gradient fill instead of being red.

The gradient fill of the "WTF IS MY" part of the SVG (id=j) doesn't appear to be processed in Blink/WebKit when the document is viewed as a background-image on the live page. It works fine when viewed as a stand-alone SVG document, and renders similarly to how Firefox and Edge render it as a background-image. The same SVG path element has a clip mask which is being referenced properly (id=k), but the fill on the same element is being ignored, almost as though its id cannot be found in the document (id=j).

This issue was originally reported to webcompat.com: https://webcompat.com/issues/8870

Equivalent Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=755601&can=2&q=svg%20background%20image&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified

-- 
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/20170815/4237d628/attachment-0001.html>