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

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

対象製品

Wijmo 5

ステータス

回避方法あり

詳細

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

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

サンプル


回避方法

下記コードのように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);
----------------------------------