title: SVG Filters in Latest Safari
body: <p>So I've got this great svg filter that I can apply to a dom element, and create a 'sticker' effect. Works great in Chrome, no dice in Safari. Previous issues with the same problem are dated to 2010, and appear to have been fixed in safari 6. Unfortunately I can't find any resources on the topic, and am having a hard time even identifying where the problem could start.</p>
  
  <p>I've attached the working code (inChrome) in this JSfiddle</p>
  
  <pre><code>&lt;svg height="200px" width="300px" viewbox="0 0 300 200"&gt;
      &lt;defs&gt;
        &lt;filter id="purple-glow" x="-5000%" y="-5000%" width="10000%" height="10000%"&gt;
            &lt;feFlood result="flood" flood-color="#cdcbbf" flood-opacity="1"&gt;&lt;/feFlood&gt;
    &lt;feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"&gt;&lt;/feComposite&gt;
  &lt;feMorphology in="mask" result="dilated" operator="dilate" radius="5"&gt;&lt;/feMorphology&gt;
  
            &lt;feMerge&gt;
                &lt;feMergeNode in="dilated"&gt;&lt;/feMergeNode&gt;
                &lt;feMergeNode in="SourceGraphic"&gt;&lt;/feMergeNode&gt;
            &lt;/feMerge&gt;
        &lt;/filter&gt;
      &lt;/defs&gt;                   
    &lt;/svg&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/m87sogdh/9/" rel="nofollow">https://jsfiddle.net/m87sogdh/9/</a></p>
  
  <p>Any tips would be greatly appreicated!</p>