Agregar feDropShadow a una línea vertical en SVG hace que desaparezca
Tengo el siguiente documento SVG:
<svg preserveAspectRatio="xMinYMin meet" viewBox="0 0 21 484" xmlns="http://www.w3.org/2000/svg">
<defs>
<filter id="dropShadow">
<feDropShadow dx="4" dy="0" stdDeviation="4"></feDropShadow>
</filter>
</defs>
<g id="Artboard" stroke-width="5" stroke="#FF0000" fill="#000000" stroke-linecap="round">
<path style="filter: url(#dropShadow)" d="M7.5,8.5 L7.5,471.5" id="path-1"></path>
</g>
</svg>
En Firefox, cuando abro el documento SVG, simplemente muestra una línea vertical muy delgada (no 5 de ancho). En Chrome, no muestra nada (ni tampoco en codepen, aquí:https://codepen.io/jwir3/pen/BJBqEK )
No estoy muy seguro de lo que estoy haciendo incorrectamente aquí, pero tiene algo que ver con el filtro, porque si elimino elfilter: url(#dropShadow)
desde elpath
definición, la línea aparece como se esperaba.