Bug 275304 – Element fails to render if external feDropShadow applied

• Status: NEW
• Component: SVG

Created attachment 471634 [details]
Test case files (an HTML and an SVG file) and screenshots demonstrating the bug.

I'm maintaining a single-file SVG icon library that consists of symbols, which are meant to be loaded from inline <use> elements in HTML.

A recently added icon partially fails to render in the HTML document. It turns out the culprit is a reDropShadow applied to one of the symbol's child elements. With the drop shadow filter applied, the whole element fails to render.

The issue only occurs when the symbol is pulled form an external SVG file (using a fragment identifier in the <use> element's href attribute). Everything renders as expected if the symbol is defined inline in the HTML document.

Moving the filter and feDropShadow elements into the HTML document also works. I've tried moving the filter and feDropShadow inside the symbol, but that still doesn't render.

I've uploaded a test case demonstrating (A) a failing external symbol and drop shadow filter; (B) a succeeding inline symbol and drop shadow filter; and (C) a succeeding external symbol and inline drop shadow filter. Case A fails in Safari whereas all three cases succeed in FireFox, for reference.

[Radar WebKit Bug Importer]

<rdar://problem/129525504>