title: How to prevent SVG elements from gaining focus with tabs in IE11?
body: <p>There is an inline SVG element among my HTML form elements. When I navigate through my elements with the Tab key, the SVG element gets focused, in IE11 only, even if the SVG element has the <code>tabindex="-1"</code> attribute set to every element inside it:</p>
  
  <pre><code>&lt;svg width="20px" height="20px" tabindex="-1"&gt;
      &lt;g tabindex="-1"&gt;
        &lt;circle cx="8.5" cy="8.5" r="7.75" stroke="#999" stroke-width="1" tabindex="-1" /&gt;
        […]
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>To be sure that it's focusing on that element, I call <code>document.activeElement</code> in the console, and yes, it prints out the SVG thing.</p>
  
  <p>Internet Explorer 11 should honor the negative value, as it does for other DOM elements, or should it not?
  What can I possibly do to prevent this?</p>