angular / angular/components

bug(mat-sidenav): focus trapping is too aggressive under certain conditions

オープン
#21,955 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: material/sidenav G P2 regression
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### Reproduction

This issue seems to manifest under the following conditions:
- Sidenav is open in `over` or `push` mode (does not happen in `side` mode).
- Backdrop is disabled (this is necessary to be able to click in the content area of a `over` or `push` sidenav.
- App is using the `ConfigurableFocusTrap` (does not happen with the deprecated `FocusTrap`).

Steps to reproduce:
https://stackblitz.com/edit/angular-avy29p?file=src%2Fmain.ts
1. click to focus the "Content" input

#### Expected Behavior

"Content" input remains focused.

#### Actual Behavior

"Drawer" input immediately steals focus.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

src/main.ts にあるリンク先の StackBlitz の再現コードから始め、over または push sidenav、無効化された backdrop、ConfigurableFocusTrap を使った場合の動作を確認します。Content input をクリックしたときのフォーカスの動作を追跡します。完了条件は、Drawer input にフォーカスが移るのではなく、Content input にフォーカスが残ることです。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
accessibility, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。