858356 - CSS3 Transition Flashing

Status: RESOLVED DUPLICATE of bug 849399

(Core :: Graphics: Layers, defect)

Description

[David Millet]

Attachment: Test Case #1

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.43 Safari/537.31

Steps to reproduce:

I am using CSS transition on an element's width.  I am using JavaScript to set that element's width dynamically to be the same width and height of its absolutely positioned and fixed size child.


Actual results:

At the start of the transition, the animation flashes to what what should be the final frame of the animation before flashing back to the beginning of the animation and transitioning from there.



Expected results:

At the start of the transition, the transition should happen smoothly without the animation flashing to what appears to be the final frame of the transition.

Please note that there does appear to be a work-around for this problem.  In the attached file (Test Case #1), the animation will appear smoothly if the width is set before the height rather than afterwards.  This can be accomplished by switching the code on lines 107 and 108.

Comment 1

[Loic]

I tried with FF20 on Win 7, WFM, no flash.

Did you test with FF20? Is it specific to Mac OSX?

Comment 2

[David Millet]

I also cannot reproduce with FF20 on Win 7.  It may be specific to FF19 on OSX.  I will have to try updating to FF20 on my OSX box when I get back in to work.

Comment 3

[(mostly gone) XtC4UaLL [:xtc4uall]]

I can reproduce the Issue against Mozilla/5.0 (Windows NT 6.1; WOW64; rv:23.0) Gecko/20130405 Firefox/23.0 ID:20130405030918 CSet: 55f9e3e3dae7 only with HWA on.

WFM with
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0 ID:20130326150557 CSet: c90d44bfa96c
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0 ID:20130401192816 CSet: 2e91ff229d84
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20130405 Firefox/22.0 ID:20130405004016 CSet: 272dd16b0d95

* Monitor is on 1280x1024
* tried serveral Browser Sizes

Weird :-/

Comment 4

[alex_mayorga]

Marking NEW based in comment #3

Comment 5

[(mostly gone) XtC4UaLL [:xtc4uall]]

(In reply to alex_mayorga from comment #4)
> Marking NEW based in comment #3

Actually the Issue seems to happen intermittently as of today I fail to reproduce.
Between Comment 3 and now I restarted/resumed from Stand-by my Box.

Comment 6

[Loic]

Ok, I'm able to reproduce it with FF20 intermittently. And I think it's a dupe of bug 849399.

Comment 7

[Loic]

It's an issue with the transition, the final frame is written before the transition starts, so that's why you see flashing.

Comment 8

[David Millet]

@Loic,

Are you suggesting it's a problem with how the transition is written?  If so, could you elaborate?

Also, after upgrading to FF20 on OSX, the issue still occurs.

Comment 9

[Loic]

It's an issue with graphic layers, read bug 849399.

Comment 10

[Nick Cameron [:nrc]]

I can't repro, so I'm assuming this was fixed by 849399. Please feel free to re-open if you can still repro this bug.