[Popup] Tabキーによるフォーカス遷移で<a>タグの要素にフォーカスが当たらない

文書番号 : 82005     文書種別 : Bug
登録日 : 2017/02/27     最終更新日 : 2017/05/17

対象製品

Wijmo 5

ステータス

修正済み

詳細

Popup内に<a>タグの要素を配置した場合、Tabキーでフォーカスを移動しても、<a>タグの要素にフォーカスが当たりません。

【再現手順】
1. 「ポップアップを表示」ボタンを押下します。
2. Tabキーを押下します。
結果:<a>タグの要素にフォーカスが当たりません。

サンプル


回避方法

この問題はバージョン5.20171.293で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。

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

下記コードのようにPopup内の要素のkeydownイベントをハンドルし、Tabキー押下時に<a>タグの要素のfocusメソッドを呼び出します。

◆サンプルコード(JavaScript)
----------------------------------
document.getElementById('el1').addEventListener('keydown', function (e) {
  if (e.keyCode == 9 && !e.ctrlKey && !e.altKey) {
    document.getElementById('el2').focus();
    e.preventDefault();
  }
}, true);
----------------------------------