1385911 - SVG mask is broken on scroll

Status: RESOLVED DUPLICATE of bug 1318266

(Core :: SVG, defect, P3)

Description

[Gabriel Luong [:gl] (ΦωΦ)]

This a bug report we received from the Stripe team.

STR: 
1. Go to https://stripe.com/atlas
2. Scroll all the way bottom of the page and then back up to "Startup Toolkit" section where the image of the laptop is broken. See screenshot. 

This appears to be a bug with SVG mask.

Comment 1

[Gabriel Luong [:gl] (ΦωΦ)]

Attachment: Screenshot - Mask Issue (Unwanted Lines)

Comment 2

[Gabriel Luong [:gl] (ΦωΦ)]

Attachment: Screenshot - How it should look

Comment 3

[Gabriel Luong [:gl] (ΦωΦ)]

Another similar issue appears on:
https://stripe.com/us/payments
Scroll to the bottom and back up see the images at the top are broken in a similar way.

Comment 4

[Robert Longson [:longsonr]]

Please can you create a minimal testcase and add it as an attachment to this bug. An entire complex webpage from a website is simply too much to dig through.

Comment 5

[Astley Chen (inactive)]

There are 2 regressions here:
#1 Mask function was broken and caused the image was masked out entirely.
Regressed by https://hg.mozilla.org/mozilla-central/rev/619441944e8a

#2 Regression(regression this bug refers to) caused by the fix of #1(bug 1294171) and possibly this patch
https://hg.mozilla.org/mozilla-central/rev/23fcd6d28628

It seems a existing bug and incurred by the fix #1.

Comment 6

[u459114]

this bug is relative to paint-on-mask layer. I can repro it even by turning of e10s, so it's independant with bug 1382534

Comment 7

[u459114]

And there are both clip-path and mask applied on the computer image

Comment 8

[u459114]

Fixed by 
https://hg.mozilla.org/integration/mozilla-inbound/rev/3376bebf1f11#l3.14