Bug 105557

Summary: svg with drop shadow effect uses huge amount of memory
Product: WebKit Reporter: Marc Bernard <marc.bernard>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, fmalita, krit, nham, sabouhallawa, thorton, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: Unspecified   
Attachments:
Description Flags
Reproducible example none

Marc Bernard
Reported 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.
Attachments
Reproducible example (3.13 KB, text/html)
2012-12-20 11:15 PST, Marc Bernard 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Tim Horton
Comment 1 2012-12-24 00:07:37 PST
This is a custom drop shadow made with an feGaussianBlur and an feOffset, not feDropShadow.
Brent Fulgham
Comment 2 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.
Radar WebKit Bug Importer
Comment 3 2022-07-15 15:57:05 PDT
<rdar://problem/97098889>
Note You need to log in before you can comment on or make changes to this bug.