angular / angular/components

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

Abierto
#21,955 1 comentario 0 reacciones 0 asignados Ver en GitHub
area: material/sidenav G P2 regression
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### 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.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz en src/main.ts y verifica el comportamiento con un over o push sidenav, backdrop deshabilitado y ConfigurableFocusTrap. Traza el comportamiento del foco cuando se hace clic en el Content input; se considera terminado cuando el Content input permanece enfocado en lugar de que el Drawer input reciba el foco.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
accessibility, frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.