UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3379.0 Safari/537.36

Steps to reproduce the problem:
1. Open the attached SVG document mix-blend-mode-test.svg
2. Observe the result

What is the expected behavior?
The boxes with the text "NO ISOLATION" should be blended with the yellow background. It should not look the same as the boxes with the word "ISOLATION".

What went wrong?
The boxes with the text "NO ISOLATION" are not blended with the yellow background. They look the same as the boxes with the word "ISOLATION".

Did this work before? N/A 

Does this work in other browsers? No
 Firefox has the same bug (regression) for SVG documents: https://bugzilla.mozilla.org/show_bug.cgi?id=1448257

The test file renders correctly on Safari 11.

Chrome version: 67.0.3379.0  Channel: canary
OS Version: OS X 10.12.6
Flash Version: 

Note that the boxes with the word "ISOLATION" must not be blended with the background and it is working as expected.

Chrome has a similar blending bug for HTML documents. This may be related to it if HTML and SVG use the same rendering pipeline: https://bugs.chromium.org/p/chromium/issues/detail?id=711955
 

Deleted: mix-blend-mode-test.svg 790 bytes

mix-blend-mode-test.svg 790 bytes Download