| Summary: | svg with drop shadow effect uses huge amount of memory | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Marc Bernard <marc.bernard> | ||||
| Component: | SVG | Assignee: | 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: |
|
||||||
This is a custom drop shadow made with an feGaussianBlur and an feOffset, not feDropShadow. 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. |
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.