1548091 - CSS mask only uses one gradient layer

Status: RESOLVED WORKSFORME

(Core :: Web Painting, defect, P3)

Description

[Ana Tudor]

Attachment: c3.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

1. Create element, give it dimensions and background.

2. Set a mask using two CSS gradients.

Live test https://codepen.io/thebabydino/pen/rbgKYv?editors=0100

Actual results:

Only the bottom layer is used for the mask.

Expected results:

Both layers should have been used for the mask. This is what happens in Chrome

Comment 1

[Peter Magyari (Desktop QA)]

Hi Ana,

I was able to reproduce this issue on Firefox 66.0.5 (20190507012018) and Firefox Nightly 68.0a1 (20190507214514)
I'm assigning a component in order to involve the development team in reviewing this issue.

Thank you for reporting!

Comment 2

[Ana Tudor]

Attachment: fixed_buggy.png

I just came across this by accident and checked it out as I didn't remember anything about it. It seems fixed in Firefox Nightly (currently 111). And I'd guess it has been for a while because I don't remember hitting it recently. No reason for it to stay open.

Comment 3

[Timothy Nikkel (:tnikkel)]

I get this fix range
https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=5f0f6477c734369a72fec1211b608eb14d33bd4a&tochange=db7158dfb86d26ee055be75542446811d0fbb572

Didn't look too closely, I'll just close this. Thanks for checking!