-moz-transform rotated and scaled nested elements render very slow with high cpu

RESOLVED INCOMPLETE

Status

()

Core
General
RESOLVED INCOMPLETE
9 years ago
3 years ago

People

(Reporter: caseygiles, Unassigned)

Tracking

({perf})

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

9 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/530.5 (KHTML, like Gecko) Chrome/2.0.172.31 Safari/530.5
Build Identifier: Firefox 3.5 beta 4

When rotating and scaling an element with the new -moz-transform with wrapper element containing many elements (eg 20 x 20 grid of div elements containing images) the page is very slow to render and CPU spikes very high. Especially when compared to all browsers supporting -webkit-transform

Reproducible: Always

Steps to Reproduce:
1. Produce test page with nested elements inside a wrapper element which you rotate and scale. 
2. To repeat test change an element dynamically with javascript, causing a re-draw you will see the CPU spike and render speed crawl. (esp on low end systems)
Actual Results:  
CPU usage spikes high, slow to render page (number of seconds)

Expected Results:  
Perform in a more timely fashion, as do competing browsers

Only tested in windows XP but assuming performance similar in other OS.

Updated

9 years ago
Component: General → General
Product: Firefox → Core
QA Contact: general → general
Did you have a URL for the test page, or could you attach it to the bug (See "Add an attachment" above)?

Updated

8 years ago
Keywords: perf, testcase-wanted
Casey, do you have a link to a site showing the performance problem?
Whiteboard: [closeme 2-26-12]

Comment 3

6 years ago
lacks testcase
Status: UNCONFIRMED → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → INCOMPLETE
Whiteboard: [closeme 2-26-12]
Keywords: testcase-wanted
You need to log in before you can comment on or make changes to this bug.