Open Bug 1166034 Opened 9 years ago Updated 2 years ago

incorrect CSS rendering with multiple transparent animated divs

Categories

(Core :: Layout, defect)

37 Branch
Unspecified
Linux
defect

Tracking

()

UNCONFIRMED

People

(Reporter: abdoubouam, Unassigned)

Details

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:37.0) Gecko/20100101 Firefox/37.0
Build ID: 20150420225811

Steps to reproduce:

i made a small CSS animation consisting of 128 divs , each one is inside another, then applied a style for the divs and animated them
the animation is located here http://abdoubouam.host56.com/animations.html , you can get more informations to reproduce the bug from looking to the source code


Actual results:

there was a glitch in the rendering, and the CPU use is above the normal values (about 20-25%, compared to 5-10% with the same animation opened in chrome, and 2-5% on other websites )
zooming out or in seems to make it render correctly, but one of the CPU cores is used at 100% and it's very slow
screenshot of the bug http://sta.sh/02bpef9fvdnn


Expected results:

the animation should render correctly, like this screenshot http://sta.sh/026zlh7e2nti
i'm using archlinux x64_86 with linux4.0.1-1 , XFCE desktop environment and intel hasswell graphics card, i5 CPU
Component: Untriaged → Layout
OS: Unspecified → Linux
Product: Firefox → Core
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.