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

RESOLVED WORKSFORME

Status

()

Core
General
RESOLVED WORKSFORME
8 years ago
6 years ago

People

(Reporter: Quildreen Motta, Unassigned)

Tracking

Trunk
x86
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

8 years ago
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

8 years ago
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?
Component: General → General
Product: Firefox → Core
QA Contact: general → general
Whiteboard: [needs reproducing on win7]
Version: unspecified → Trunk
(Reporter)

Comment 2

8 years ago
Yep, no weird rendering bug with the nightly build :3
Status: UNCONFIRMED → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → FIXED

Comment 3

8 years ago
OK, thanks for confirming it!
Resolution: FIXED → WORKSFORME
Whiteboard: [needs reproducing on win7]

Comment 4

6 years ago
This problem is back with Firefox 14.0.1

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

Comment 5

6 years ago
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
You need to log in before you can comment on or make changes to this bug.