EdgeでPopupを表示すると、異なるdiv要素内に配置されている要素にフォーカスを移動できない

文書番号 : 81877     文書種別 : 既知の問題     登録日 : 2016/11/22     最終更新日 : 2017/04/11
文書を印刷する
対象製品
Wijmo 5
発生環境
Microsoft Edgeのみ発生
ステータス
修正済み
詳細
EdgeでPopupを表示し、Tabキーを押すと、input要素間ではフォーカスが移動しますが、ボタンにフォーカスを移動することができず、最後のinput要素から先頭のinput要素へフォーカスのループもしません。
ボタンがdiv要素の中に配置されている場合に発生します。
回避方法
この問題はバージョン5.20162.231で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。

修正版を適用しない場合の回避方法は次の通りです。

下記コードのようにbuttonの親のdiv要素のtabindexを-1に設定します。

◆サンプルコード(HTML)
----------------------------------
<div id="message" tabindex="-1">
  <input type="text"><br>
  <input type="text"><br>
  <input type="text">
  <div id="footer" tabindex="-1">
    <button>ボタン</button>
  </div>
</div>
----------------------------------
キーワード
Popup