Bug 105557 - svg with drop shadow effect uses huge amount of memory
Summary: svg with drop shadow effect uses huge amount of memory
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: 528+ (Nightly build)
Hardware: All Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2012-12-20 11:15 PST by Marc Bernard
Modified: 2022-07-15 15:57 PDT (History)
8 users (show)

See Also:

Attachments
Reproducible example (3.13 KB, text/html)
2012-12-20 11:15 PST, Marc Bernard 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Marc Bernard 2012-12-20 11:15:21 PST 
Created attachment 180374 [details]
Reproducible example 

Adding svg with a drop shadow effect uses a huge amount of memory.  See attached file for an example.

Chrome Canary grows to over 1GB quickly.  Mobile Safari crashes after adding about four elements.

Steps to Reproduce: 

1) Monitor memory usage of the browser.
2) Add an svg element with a drop shadow effect.  The memory usage climbs significantly.
3) Keep adding more elements until the browser becomes unresponsive or crashes.

Tested the example page on Mobile Safari (6.0.1), desktop Safari (6.0.2 on OSX 10.7.5), Chrome (26.0.1366.0 on Windows 7).

Firefox 17.0.1 and IE10 do not exhibit the same problem.
Comment 1 Tim Horton 2012-12-24 00:07:37 PST 
This is a custom drop shadow made with an feGaussianBlur and an feOffset, not feDropShadow.
Comment 2 Brent Fulgham 2022-07-15 15:56:38 PDT 
Chrome and Firefox seem to have stable memory in this use case. Safari grows memory by a few hundred MB each time you add a new drop shadow.
Comment 3 Radar WebKit Bug Importer 2022-07-15 15:57:05 PDT 
<rdar://problem/97098889>