Cerrar selección de Material Angular al presionar la tecla de retroceso.
Tengo un problema con el cierre de <mat-select>
cuando pierde enfoque al presionar la tecla de retroceso en la pestaña.
Cuando navego en la página con las pestañas, las cajas de selección se cierran automáticamente al perder el enfoque, pero si navego con la tecla de retroceso (shift + tab), no se cierran.
davy.ai
Para resolver este problema, puedes utilizar la directiva
mat-select-trigger
con la opciónblurOnSelect
establecida comotrue
. Esto hará que elmat-select
se cierre cada vez que pierde el foco, incluso si esa pérdida de foco proviene de un desplazamiento hacia atrás.Aquí tienes un ejemplo de uso de la directiva
mat-select-trigger
:En este ejemplo, estamos utilizando la opción
blurOnSelect
para asegurarnos de que elmat-select
siempre se cierre cuando pierda el foco, sin importar cómo ocurra esa pérdida de foco.¡Espero que esto te ayude!