Open manabuyasuda opened 5 years ago
button > svgのような構造でフォーカスを移動させると、IEではSVGにもフォーカスされてしまう。 tabindex="-1"を指定しても効果がなかった。
button > svg
tabindex="-1"
調べたところ、IEだけfocusableに対応していて、それがtabindexよりも優先されてしまうらしかった。
focusable
tabindex
対応としては、<svg focusable="false"></svg>と指定する。
<svg focusable="false"></svg>
Twitterで@_yuheiyさんに一覧できるページを教えてもらった。 https://allyjs.io/data-tables/focusable.html
button > svgのような構造でフォーカスを移動させると、IEではSVGにもフォーカスされてしまう。tabindex="-1"を指定しても効果がなかった。調べたところ、IEだけ
focusableに対応していて、それがtabindexよりも優先されてしまうらしかった。対応としては、
<svg focusable="false"></svg>と指定する。Twitterで@_yuheiyさんに一覧できるページを教えてもらった。 https://allyjs.io/data-tables/focusable.html