title: SVG shadow cut off
body: <p>The SVG I'm working with has a drop shadow via <code>feGaussianBlur</code> filter.</p>
  <p>The shadow itself is displayed properly, but gets cut off on top and bottom edges.</p>
  <p>Like so:</p>
  <p><img src="https://i.stack.imgur.com/hE52X.png" alt="image of cutoff shadow" /></p>
  <p>The SVG in question is:</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; standalone=&quot;no&quot; ?&gt;
  &lt;!DOCTYPE svg
    PUBLIC '-//W3C//DTD SVG 1.1//EN'
    'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'&gt;
  &lt;svg height=&quot;600&quot; version=&quot;1.1&quot; width=&quot;700&quot; xml:space=&quot;preserve&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot;&gt;
    &lt;defs/&gt;
    &lt;filter id=&quot;SVGID_0&quot;&gt;
      &lt;feGaussianBlur in=&quot;SourceGraphic&quot; stdDeviation=&quot;6.6&quot;/&gt;
      &lt;feOffset dx=&quot;0&quot; dy=&quot;0&quot;/&gt;
      &lt;feMerge&gt;
        &lt;feMergeNode/&gt;
        &lt;feMergeNode in=&quot;SourceGraphic&quot;/&gt;
      &lt;/feMerge&gt;
    &lt;/filter&gt;
    &lt;path d=&quot;M 0 83 Q 0 83 0 83 Q 0 83 6 79.5 Q 12 76 17 71 Q 22 66 30.5 57.5 Q 39 49 54 36 Q 69 23 82.5 16.5 Q 96 10 120 4.5 Q 144 -1 170.5 0 Q 197 1 218 16.5 Q 239 32 253.5 51 Q 268 70 278 83.5 Q 288 97 299 110 Q 310 123 320 129.5 Q 330 136 338 136.5 Q 346 137 355 129.5 L 364 122&quot; stroke-linecap=&quot;round&quot; style=&quot;stroke: #005e7a; stroke-width: 30; fill: none; filter: url(#SVGID_0);&quot; transform=&quot;translate(50 50)&quot; /&gt;
  &lt;/svg&gt;
  </code></pre>
  <p>The cropping seems to happen consistently in Chrome (30), Firefox (25), and Opera (12).</p>
  <p>I can see that it's not a viewbox limitation, as it's set to 600x700.</p>
  <p>I can also see in devtools inspector the bounding box of <code>&lt;path&gt;</code> element, and it's almost as if that's what cuts off the shadow:</p>
  <p><img src="https://i.stack.imgur.com/UnvzK.png" alt="path bounding box" /></p>
  <p>If that's the case:</p>
  <ol>
  <li>Why is the shadow only cut off vertically and not horizontally?</li>
  <li>How to work around it, so that it's not clipped like this?</li>
  </ol>
  <p>If it's not the bounding box, what causes this and how to avoid this clipping?</p>