[FlexGrid] imeEnabled=trueで表示範囲外のセルを選択している場合にTabキーを押しても次のコントロールにフォーカスが移動しない – MESCIUS ナレッジベース

作成日: 2022/08/05 最終更新日: 2023/01/11

文書種別

不具合

状況

修正済み

詳細

imeEnabled=trueで表示範囲外のセルを選択している場合にTabキーを押しても次のコントロールにフォーカスが移動しません。
この現象は、imeEnabled=trueの場合のtabindexおよびフォーカスの設定処理が不足していることが原因で発生します。

回避方法

この問題はバージョン5.20222.877で修正されました。

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

Tabキー押下時にtabindexおよびフォーカスの設定処理を追加します。

flexGrid.hostElement.addEventListener("keydown", function (e) {
    if (e.keyCode === wijmo.Key.Tab){
        updateFocus();
    }
}, true);
    
function updateFocus() {
    var _host = flexGrid.hostElement,
    _tbx = _host.querySelector('textarea[class="wj-grid-editor wj-form-control wj-grid-ime"]'),
    _efocus = _host.querySelector('div[wj-part="focus"]'),
    _ae = wijmo.getActiveElement();
    if (!flexGrid.activeEditor && wijmo.closest(_ae, '.wj-flexgrid') == flexGrid.hostElement){
        if (flexGrid.imeEnabled && !flexGrid._wantsInput(_ae)) {
            if (!flexGrid.activeCell) {
                _tbx.tabIndex = -1;
                _efocus.focus();
            }
        }
    }
}