1363855 - transitions involving transformations inside of a masked region cause graphic glitches

Status: RESOLVED DUPLICATE of bug 1362000

(Core :: Web Painting, defect)

Description

[Iiro]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:53.0) Gecko/20100101 Firefox/53.0
Build ID: 20170413192749

Steps to reproduce:

Create an svg element (rectangle) and make it translate via transition on hover event. Put the rectangle inside of a masked region: <g mask="...><rect...></g> Hover the mouse around...

I put the basic example here: http://codepen.io/iiroullin/pen/oWEOOM


Actual results:

When the mouse is moved in and out of zone triggering the transition, the rectangle occasionally erratically hops penetrating outside of the masked region



Expected results:

1) The rectangle shouldn't hop
2) The rectangle shouldn't penetrate outside of the masked region

Comment 1

[Iiro]

It seems that this bug is new to Firefox 53.0: I had an older version (52...) on my laptop and it did not have this bug. As soon as it updated, the bug appeared!

Comment 2

[Loic]

https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=0005d0bfadf72746ce36f4e8d09d9504b814557e&tochange=ba20391edbec448b56725ef01158176614706b4f

Looks like the following bug has the  changes which introduced the regression:
https://bugzilla.mozilla.org/show_bug.cgi?id=1313898

cku, could you check this regression from your bugfix, please.

Comment 3

[u459114]

Yes, I am currently look into this problem. The position of a mask layer is not updated correctly.

Comment 4

[Julien Cristau [:jcristau] (back April 22)]

Tracking for 54/55.

Comment 6

[[:philipp]]

fixed&uplifted in the dupe