web-dev-qa-db-ja.com

IE11のタブでSVG要素がフォーカスを取得しないようにするにはどうすればよいですか？

HTMLフォーム要素の中にインラインSVG要素があります。 Tabキーを使用して要素をナビゲートすると、SVG要素のすべての要素にtabindex="-1"属性が設定されている場合でも、IE11でのみSVG要素がフォーカスされます。

<svg width="20px" height="20px" tabindex="-1">
    <g tabindex="-1">
      <circle cx="8.5" cy="8.5" r="7.75" stroke="#999" stroke-width="1" tabindex="-1" />
      […]
    </g>
</svg>

その要素に焦点を合わせていることを確認するために、コンソールでdocument.activeElementを呼び出します。そうすると、SVGが出力されます。

Internet Explorer 11は、他のDOM要素の場合と同様に、負の値を尊重する必要がありますか、それともそうではありませんか？これを防ぐために何ができるでしょうか？

internet-explorersvginternet-explorer-11tabindex
18
Alain Duchesneau

あなたがそれを逃した場合のために、答えはコメントされました：

tabindexは今後のSVG2の一部であり、IE11ではまだサポートされていません。回避策については、 この質問 をご覧ください。

その質問の答えは、SVG要素にfocusable="false"属性を追加することを推奨しています。

@altocumulusに感謝します

34
Zachary Ryan Smith