bug(mat-sidenav): focus trapping is too aggressive under certain conditions
- 主要言語
- 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