title: IE/Edge click on SVG causes error - TypeError: Object doesn't support property or method 'blur'
body: <p>I'm using an angular component (Angular UI pagination, although I don't think it's the cause of the problem), and my template includes the following...</p>
  
  <pre><code>&lt;my-button ng-click="selectPage(totalPages, $event)"&gt;
      &lt;svg&gt;
          &lt;use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="domain.com/scgSprite.svg#arrow"&gt;&lt;/use&gt;
      &lt;/svg&gt;
  &lt;/my-button&gt;
  </code></pre>
  
  <p>The problem is that in MS Edge and IE (but not chrome) I get the following error when clicking the button.</p>
  
  <p><strong>TypeError: Object doesn't support property or method 'blur'</strong></p>
  
  <p>It doesn't happen when I click on the button but on the edge where there is no icon. I have to actually click the SVG element on the button to get the error.</p>
  
  <p>Any help would really be appreciated.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I have since found out that the lines in the angular-ui library that is causing the error are these...</p>
  
  <pre><code>if (evt &amp;&amp; evt.target) {
      evt.target.blur();
  }
  </code></pre>
  
  <p>I don't want to edit the library because then I won't be able to update it to newer versions in the future.</p>
  
  <p>Is there a possibility I could add the .blur() function to svg elements in MS browsers?</p>