title: SVG focusable attribute is not working
body: <p>I used focusable attribute to force SVG elements get focus in HTML document. </p>
  
  <p>I need to navigate in SVG elements in SVG tag by TAB key. Like mentioned in the document (<a href="http://www.w3.org/TR/SVGTiny12/interact.html#focusable-attr">http://www.w3.org/TR/SVGTiny12/interact.html#focusable-attr</a>)</p>
  
  <p>But I cannot do it. I have set the <code>focusable</code> attribute to <code>true</code>, and <code>tabindex</code> of each element to <code>0</code>. </p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;div style="border: solid yellow 2px;" tabindex="0"&gt;
  &lt;svg tabindex="0" width="900px" height="500px" viewBox="0 0 95 50" style="border: solid red 1px;" focusable="true"
       xmlns="http://www.w3.org/2000/svg"&gt;
      &lt;g data-Name="group" tabindex="0" stroke="green" fill="white" stroke-width="5" data-tabindex="0" style="border: solid green 1px;" focusable="true"&gt;
          &lt;circle tabindex="0" cx="20" cy="25" r="5" focusable="true" data-Name="shape 1"  data-tabindex="0" /&gt;
          &lt;circle tabindex="0" cx="40" cy="25" r="5" focusable="true" data-Name="shape 2"  data-tabindex="0" /&gt;
          &lt;circle tabindex="0" cx="60" cy="25" r="5" focusable="true" data-Name="shape 3" data-tabindex="0" /&gt;
          &lt;circle tabindex="0" cx="80" cy="25" r="5" focusable="true" data-Name="shape 4" data-tabindex="0" /&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have tested the code in Google Chrome. Is there any way to reach purpose?</p>