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 要素と同様に、負の値を尊重する必要がありますか? それとも尊重しないのでしょうか? これを防ぐにはどうすればよいのでしょうか?
ベストアンサー1
見逃した方のために、答えはコメントされています:
tabindexは今後登場するSVG2の一部であり、IE11ではまだサポートされていません。この質問回避策として。
その質問の回答では、focusable="false"
SVG 要素に属性を追加することを推奨しています。
@altocumulus に感謝します