element with radial gradient appear to skip frames during css transition

NEW
Unassigned

Status

()

5 years ago
4 years ago

People

(Reporter: bitinn, Unassigned)

Tracking

28 Branch
ARM
Android
Points:
---

Firefox Tracking Flags

(firefox28 affected)

Details

(Reporter)

Description

5 years ago
User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:24.0) Gecko/20100101 Firefox/24.0 (Beta/Release)
Build ID: 20130910160258

Steps to reproduce:

I will produce a simple test case when available, but here is my scenario:

1. a position:fixed overlay div has simple css transform/transition applied to it, transition is triggered by adding a class or :target.
2. when such div has only background-color or linear-gradient, the transform appear to be smooth.
3. when radial gradient is applied, firefox appear to skip frames a lot during transition.

(Firefox on Windows or WebKit/Blink browser on Android does not experience such issue. My device is Samsung Galaxy Note 2, tested using both Firefox 25 stable and Firefox 26 beta)


Actual results:

transition appear to be laggy


Expected results:

transtion should be smooth.
Are you able to reproduce with Nightly (http://nightly.mozilla.org)? And yes, a test-case is much appreciated.
Component: General → Graphics, Panning and Zooming
OS: Windows 8 → Android
Hardware: x86_64 → ARM
(Reporter)

Comment 2

5 years ago
tested on v28 nightly (ARMv7), same issue can be reproduced.

also made 3 reduced testcases:

plain color
http://jsfiddle.net/8dkKv/1/

linear-gradient
http://jsfiddle.net/ddaZL/1/

radial-gradient
http://jsfiddle.net/xs2py/2/

radial version runs significantly slower on my galaxy note 2.
Component: Graphics, Panning and Zooming → Graphics
Product: Firefox for Android → Core
Version: Firefox 26 → 28 Branch
I am seeing some odd behavior on Firefox 28, checked it on an android G2 phone. The radial version is jittery and moves the text oddly across the screen.
Status: UNCONFIRMED → NEW
status-firefox28: --- → affected
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.