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

文書番号 : 81877     文書種別 : Bug
登録日 : 2016/11/22     最終更新日 : 2017/04/11

対象製品

Wijmo 5

発生環境

Microsoft Edgeのみ発生

ステータス

修正済み

詳細

EdgeでPopupを表示し、Tabキーを押すと、input要素間ではフォーカスが移動しますが、ボタンにフォーカスを移動することができず、最後のinput要素から先頭のinput要素へフォーカスのループもしません。
ボタンがdiv要素の中に配置されている場合に発生します。

【再現手順】
1. 「ポップアップを表示」ボタンを押下します。
2. Tabキーを3回押下します。
結果:フォーカスが最後のinput要素に当たったままで、ボタンにフォーカスが移動しません。
   また、最初のinput要素にもループして移動していません。

サンプル

回避方法

この問題はバージョン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>
----------------------------------