589143 - Rendering bug when using -moz-transition with -moz-transform

Status: RESOLVED WORKSFORME

(Core :: General, defect)

Description

[Quildreen Motta]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.3 (KHTML, like Gecko) Chrome/6.0.472.36 Safari/534.3
Build Identifier: http://www.mozilla.com/products/download.html?product=firefox-4.0b3&os=win&lang=en-US

I have a range of images scaled using -moz-transform, that are placed in a absolute positioned div. These images use -moz-transition to interpolate its scaling and the div they're in uses -moz-transition to interpolate its horizontal movement.

So, when I move the div to the left and scale the images at the same time, Gecko renders the images incorrectly.



Reproducible: Always

Steps to Reproduce:
1. Have images with -moz-transition(all ease-out 1s) inside a div with -moz-transition -moz-transition(all ease-out 1s).
2. Scale the images and move the div at the same time.
Actual Results:  
The image was rendered incorrectly.

Comment 1

[Nickolay_Ponomarev]

I don't see anything particularly wrong on Mozilla/5.0 (Windows NT 6.0; rv:2.0b6pre) Gecko/20100902 Firefox/4.0b6pre. Can you try the most recent build <http://nightly.mozilla.org/> and attach a screenshot if you're still experiencing a problem?

Comment 2

[Quildreen Motta]

Yep, no weird rendering bug with the nightly build :3

Comment 3

[Nickolay_Ponomarev]

OK, thanks for confirming it!

Comment 4

[persona]

This problem is back with Firefox 14.0.1

https://dl.dropbox.com/u/4429200/sandbox/theatre-ffbug/index.html

Comment 5

[persona]

UPDATE:

Issue seems to arrise on 14.0.1 only if scale, transition AND opacity are involved.

(Using Firebug) Removing Opacity on the effected elements in my previous comment's link solves the rendering issue. I've opened a separate bug outlining the details.

https://bugzilla.mozilla.org/show_bug.cgi?id=777152