Open Bug 1166034 Opened 10 years ago Updated 2 years ago

incorrect CSS rendering with multiple transparent animated divs

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
37 Branch
Platform:
Unspecified
Linux
Type:
defect

Tracking

()

Status:
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.