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

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.33k stars 6.73k forks source link

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

Open mmalerba opened 3 years ago

mmalerba commented 3 years ago

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

click to focus the "Content" input

Expected Behavior

"Content" input remains focused.

Actual Behavior

"Drawer" input immediately steals focus.

jelbourn commented 1 year ago

For the record: much conversation took place on https://github.com/angular/components/pull/21962 related to this issue