[Webkit-unassigned] [Bug 163956] New: Wrong color reproduction of background-image SVG with other background properties

[bugzilla-daemon at webkit.org]

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

            Bug ID: 163956
           Summary: Wrong color reproduction of background-image SVG with
                    other background properties
    Classification: Unclassified
           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: hi at paulo.is

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

I’m using a SVG as a background image on an element (as a data URI). However, when using background-attachment and/or background-size on the same element, the fill colors of said SVG aren't reproduced correctly. They seem inverted. Blues become oranges or reds, for example.

I’ve created this Codepen with an example: http://codepen.io/paulozoom/pen/jrJQNN/?editors=1100#0

The arrows should be a slightly darker blue than the background. However, it renders as the attachment shows, in orange. However, commenting the background-size and background-attachment properties makes the color render normally.

Computer/OS:
MBP (13-in, Mid 2009)
El Capitan 10.11.6

Browsers:
Safari 10.0.1 (11602.2.14.0.7)
Safari Technology Preview Release 15 (Safari 10.1, WebKit 11603.1.8)
Webkit Nightly (downloaded one hour ago)

-- 
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/20161025/edd1b076/attachment.html>