作成日: 2025/01/06 最終更新日: 2025/02/19
文書種別
不具合
状況
修正済み
詳細
特定のUI操作やブラウザのリサイズ等を行った場合に、次のようなエラーが表示されます。
対象となる操作は下記のようなものです。(下記の操作を組み合わせた場合にも発生します。)
※本警告はスクリーンリーダーを利用しない場合、影響を受けません。 また警告そのものは、製品の動作には直接影響はしません。
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
対象となる操作は下記のようなものです。(下記の操作を組み合わせた場合にも発生します。)
- 列ヘッダーをクリックしてソートを実行する
- ブラウザのリサイズ、拡大率の変更を行う
- 列の並び替えを行う
- 列フィルタのアイコンをクリックする
※本警告はスクリーンリーダーを利用しない場合、影響を受けません。 また警告そのものは、製品の動作には直接影響はしません。
回避方法
この問題はバージョン5.20242.30で修正されました。
修正版を適用しない場合の回避方法は次の通りです。
refreshedイベントでグリッド内のDOM要素の'aria-hidden'属性値を更新する方法が有効です。
theGrid.refreshed.addHandler((s, e) => {
let ch = s.hostElement.querySelectorAll('div [aria-hidden=true]');
if (ch) {
ch.forEach(e => e.setAttribute('aria-hidden', false));
}
})