SVG shadow cut off

Question

The SVG I\'m working with has a drop shadow via feGaussianBlur filter.

The shadow itself is displayed properly, but gets cut off on top and bottom edges.

Lik

Answer 1

Add an attribute to the filter shadow svg tag:

filterUnits="userSpaceOnUse"

Final Output:

Which makes the shadow absolutely positioned and visible outside of its container.