757352 - CSS animations rendered slow or with white block elements

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[Tara (musingt)]

Web page or screen you were on when you saw the issue: 

The animated graphics on http://createdm.com/ website render slowly and with white block elements layered on top of the graphic.  I wasn't able to catch the screenshot of this in time as they would appear and disappear, but the animation renders properly when trying it in Chrome, and on the iPhone.

Comment 1

[Kevin Brosnan [Ex-Mozilla]]

I don't think I see this on a current nightly. Are you in an office that you could show one of the mobile team? Else could you record a video?

Comment 2

[Aaron Train [:aaronmt]]

Attachment: Nightly (20120524) - Screenshot (Galaxy Nexus, 4.0.4)

When scrolling on the 'Work' or 'About' tab at the top with a decent swift fling I get black blocks painted on the screen, even worse when one zooms in. Kats, is this a dupe of a known issue?

Comment 3

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

Not that I'm aware of. It might be related to the low-res screenshot problems in bug 753987

Comment 4

[Oleg Romashin (:romaxa)]

6         0.5576  vmlinux                  qmozembedtest            __memzero
6         0.5576  vmlinux                  qmozembedtest            __delay
Here is profile results from beagle board: 10FPS max I have
21        1.9517  vmlinux                  vmlinux                  omap3_enter_idle
21        1.9517  libsrv_um_dri.so         qmozembedtest            /usr/lib/ES5.0/libsrv_um_dri.so
32        2.9740  libxul.so                qmozembedtest            pixman_composite_src_8888_8888_asm_neon
127      11.8030  libGLESv2.so             qmozembedtest            /usr/lib/ES5.0/libGLESv2.so
186      17.2862  libc-2.13.so             qmozembedtest            memcpy
282      26.2082  libxul.so                qmozembedtest            fast_composite_scaled_bilinear_8888_565_cover_OVER

It looks like we do scale elements using slow path, not HW accelerated scale.
Do we use here CSS transforms?

Comment 5

[Martijn Wargers (dead)]

There are -moz-transform rules here: http://createdm.com/wp-content/themes/createdm/assets/css/styles.css
And I haven't noticed any Flash on that site, so the animations that can be seen on that site are probably related to the use of -moz-transform.

Comment 6

[Tara (musingt)]

(In reply to Kevin Brosnan [:kbrosnan] from comment #1)
> I don't think I see this on a current nightly. Are you in an office that you
> could show one of the mobile team? Else could you record a video?


I had actually borrowed an Android device to test so don't have one handy with me right now to show.  but I can definitely try to do that in the next day or two.

Comment 7

[Tara (musingt)]

FYI: I used a Samsung Nexus S

Comment 8

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.