Bug 158135 - REGRESSION (r195724): Embedded SVG with no background-color ignores mix-blend-mode
Summary: REGRESSION (r195724): Embedded SVG with no background-color ignores mix-blend...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Dean Jackson
URL:
Keywords: HasReduction, InRadar, Regression
Depends on:
Blocks:
 
Reported: 2016-05-26 16:44 PDT by Said Abou-Hallawa
Modified: 2022-07-24 07:38 PDT (History)
14 users (show)

See Also:

Attachments
test case (323 bytes, text/html)
2016-05-26 16:44 PDT, Said Abou-Hallawa 		no flags Details
Patch (4.40 KB, patch)
2016-06-13 19:30 PDT, Dean Jackson 		no flags Details | Formatted Diff | Diff
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Said Abou-Hallawa 2016-05-26 16:44:52 PDT 
Created attachment 279925 [details]
test case

Open the attached test case.

Results: The mix-blend-mode is ignored when no background-color is specfied.
Expected: The mix-blend-mode should affect the color of the SVG. The attached test case should show two rectangles with same cyan color.
Comment 1 Said Abou-Hallawa 2016-06-09 15:34:51 PDT 
<rdar://problem/26243464>
Comment 2 Dean Jackson 2016-06-13 19:30:51 PDT 
Created attachment 281226 [details]
Patch
Comment 3 Dean Jackson 2016-06-13 19:33:08 PDT 
Comment on attachment 281226 [details]
Patch

This patch fixes a similar bug, but not this actual bug, so I'm removing it from review.
Comment 4 Ahmad Saleem 2022-07-19 04:38:37 PDT 
I am able to reproduce this bug based on attached test case in Safari 15.5 on macOS 12.4 and it shows "two squares" of two different colours while all other browsers (Chrome Canary 105 and Firefox Nightly 104) shows two square of same "red" colour. Thanks!