1425385 - SVG masks don't use transparency

Status: NEW

(Core :: Graphics, defect, P3)

Description

[rory]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36

Steps to reproduce:

Created an SVG shape then masked it with a mask which uses a Gaussian blur filter. However, masks don't work with any form of mask transparency, including simple antialiasing. 

https://codepen.io/anon/pen/Qabrxr

Works in Firefox for Android, pre-Quantum versions of Firefox and Chrome.



Actual results:

All mask edges are aliased and there is no transparent gradient. 


Expected results:

Masked area should use the transparency of the mask for antialiasing and gradient.

Comment 1

[Robert Longson [:longsonr]]

Chrome and Firefox look exactly the same to me on a Mac. What difference am I supposed to see here.

Comment 2

[rory]

Oops, it must be a Windows only bug. I've tested it on two Windows machines and got the same results. 

This is the difference I see between the current version of Chrome (63.0.3239.108) and Firefox on my Windows 10 machine: https://imgur.com/a/oBmCF

Comment 3

[YF (Yang)]

Regression range:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=6b534147049e9a4afaa3320712d824dc9563ac67&tochange=7fb451a4d22c87e7de74be4c169c85601bdb938e


Dupe of Bug 1381911?

Comment 4

[Jan Bösenberg]

On my Windows machine this bug only occurs with hardware acceleration enabled.

Comment 5

[Sylvestre Ledru [:Sylvestre]]

Moving to p3 because no activity for at least 24 weeks.