749322 - Jerky CSS rotation transition

Status: RESOLVED DUPLICATE of bug 788522

(Firefox for Android Graveyard :: General, defect)

Description

[Lawrence Mandel [:lmandel] (use needinfo)]

I tried CSS transitions, specifically rotation of elements in a page, on nightly and they appear very jerky. The elements jump on the page and it takes a few seconds for the page to settle down and become usable again. The transitions also don't seem very smooth. By contrast, the transitions are much better (no jerkiness) but still could be smoother on the latest Aurora.

I have a test case. I'll post a link once I get a few minutes to post it somewhere public. Wanted to file this issue to ensure that it got some visibility.

Nightly 15.0a1 2012-04-26
Aurora 14.0a2 2012-04-26

Comment 1

[JP Rosevear [:jpr]]

Do you have the test case Lawrence?

Comment 2

[Lawrence Mandel [:lmandel] (use needinfo)]

Thanks for the reminder.

http://lmandel.github.com/memory/

Click on a card. It should rotate smoothly. Many times the rotation is choppy or the card simply flips (rotation can't be seen at all). In some cases I have to pan the screen in order to see the result of a click on the card. Contrast this with how the game works on Firefox desktop and how the game works on the stock Android browser and Safari on iOS, where the animations are smooth.

Comment 3

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

There's a bug in your game where you can flip multiple cards fast enough and they will remain flipped and visible.

The testcase takes a moment for the cards to fill in properly even on desktop, though the desktop is smoother in turn over transition.  We should probably break this down into a smaller test case.

Comment 4

[Naoki Hirata :nhirata (please use needinfo instead of cc)]

qawanted for narrowing down the testcase.

Comment 5

[Lawrence Mandel [:lmandel] (use needinfo)]

(In reply to Naoki Hirata :nhirata from comment #3)
> There's a bug in your game where you can flip multiple cards fast enough and
> they will remain flipped and visible.

Yes. Thanks for mentioning that. I noticed the issue as well. Haven't got time to fix it yet.

> 
> The testcase takes a moment for the cards to fill in properly even on
> desktop, though the desktop is smoother in turn over transition.  We should
> probably break this down into a smaller test case.

Safari is noticeably smoother on desktop as well. 

Originally I had used much larger images. With the larger images the performance was much worse in Firefox desktop. It was still smooth in Safari.

Comment 6

[Kartikaya Gupta (email:[e-mail])]

What device are you using? This seems reasonably smooth to me on both Galaxy Nexus and Galaxy SII on recent m-c code.

Comment 7

[Lawrence Mandel [:lmandel] (use needinfo)]

(In reply to Kartikaya Gupta (:kats) from comment #6)
> What device are you using? This seems reasonably smooth to me on both Galaxy
> Nexus and Galaxy SII on recent m-c code.

Performance appears much better now than previously. I still notice that the rotation is not smooth (seems to skip frames), images, at least on first load, seem to display only part way through the rotation, and in some cases the rotation is significantly slower than in others.

I'm using a Galaxy S2 with ICS.

Comment 8

[Kartikaya Gupta (email:[e-mail])]

We should probably profile to see what's going on.

Comment 9

[Andreea Pod]

This is reproducible on the latest Nightly (2012-06-28) on HTC Desire (Android 2.2.2) but not on Samsung Galaxy SII (Android 2.3.4), so I guess that for the slower devices the rotation is not smooth.