777152 - 14.0.1 introduced severe rendering glitches when using -moz-transition on an element with opacity, scale & any positioning property (such as left)

Status: RESOLVED FIXED

(Core :: Layout, defect)

Description

[persona]

Attachment: jsFiddle.mpg

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1
Build ID: 20120713134347

Steps to reproduce:

Applied -moz-transition on an element that had opacity, left relative positioning, & -moz-transform:scale()

Details in jsFiddle here: http://jsfiddle.net/fCLaj/40/


Actual results:

As element animated, it repeatedly froze for milliseconds at a time while leaving temporary visual artifacts as it glitched through the animation.


Expected results:

Animation should have been visually smooth, transitioning opacity, scale, and position simultaneously.

Comment 1

[Loic]

I think it's a dupe of bug 775592.

Comment 2

[persona]

(In reply to Loic from comment #1)
> I think it's a dupe of bug 775592.

That bug is also resolved if opacity is removed (removed with firebug to confirm).

This is somehow contingent on opacity...

Comment 3

[Loic]

(In reply to persona from comment #2)
> (In reply to Loic from comment #1)
> > I think it's a dupe of bug 775592.
> 
> That bug is also resolved if opacity is removed (removed with firebug to
> confirm).
> 
> This is somehow contingent on opacity...

I think there are 2 bugs in your testcase.

1) When I toggle to reduce the image from its large size (right position) to its small size (left position), there is a rendering glitch at the end as if there was a slight shift.
Look at my screenshot, especially the letters "O" & "y": http://i.imgur.com/qzRGl.png
It's a bug with opacity and resizing, see bug bug 745549.

2) A bug in the smoothness of the transition from left to right and from right to left.
Snapshot: http://i.imgur.com/qw8dc.png
It's bug 775592.

Comment 4

[Loic]

I tried your testcase with the latest Nightly and the rendering bug is gone.
I think it's fixed according to comment https://bugzilla.mozilla.org/show_bug.cgi?id=775592#c12