Bug 27505

Summary:

Use or large box-shadow radius causes lag and performance issues

Product:

WebKit

Reporter:

Josh Bryant <joshbryant>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Major

CC:

bruce, keishi, paulirish, ploum, simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

All

OS:

OS X 10.5

Attachments:

Description	Flags
Test Case	none

Josh Bryant

Reported 2009-07-21 09:28:50 PDT

When using a large radius on a box-shadow, on both Mac and PC, Safari 4 causes a massive CPU takeover in which just having it on screen can use up to 40% CPU and trying to do anything (hover over a link, type text in a text field, etc...) will spike the CPU to 100%. It also makes the entire page pretty much unusable due to the lag. I've done a test case here: http://tinycrumb.org/boxshadowcpu.html

Attachments
Test Case (38 bytes, text/plain) 2009-07-21 09:36 PDT, Josh Bryant	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Josh Bryant

Comment 1 2009-07-21 09:36:52 PDT

Created attachment 33183 [details] Test Case

Bruce Cowan

Comment 2 2010-05-01 17:10:53 PDT

I can confirm this. http://identi.ca/ is very difficult to use, and scrolls very slowly. Offending item in CSS is "-webkit-box-shadow: rgba(194, 194, 194, 0.296875) 5px 7px 7px;".

Simon Fraser (smfr)

Comment 3 2010-07-27 11:19:05 PDT

Probably dup.

Paul Irish

Comment 4 2010-08-21 12:58:34 PDT

probably a dupe of issue 22102

Simon Fraser (smfr)

Comment 5 2010-08-21 13:29:01 PDT

*** This bug has been marked as a duplicate of bug 22102 ***

Note You need to log in before you can comment on or make changes to this bug.