La funcionalidad requerida:

Hay un cuadro de entrada con un MatAutoComplete adjunto. Cuando está enfocado, el panel de autocompletar se abre y muestra las opciones; el usuario luego usa las teclas de flecha para activar una opción y presiona Enter para seleccionarla. Luego, después de la selección, el panel de autocompletar se cierra y en el siguiente Enter, lo guarda.

La forma en que lo estaba manejando fue (Angular 8):

1. El usuario se enfoca en la entrada, el panel se abre automáticamente
2. El usuario selecciona la opción presionando Enter
3. El evento Enter es: si el panel está abierto: no haga nada; más: Guardar entrada
4. Entonces, cuando el usuario presionó Intro en la opción: isOpen era verdadero antes de que el panel se cerrara automáticamente.
5. Pero la próxima vez que el usuario presiona Enter, isOpen es falso y la entrada se guarda.

Luego actualicé a Angular 11 :

La función de evento Enter que verifica isOpen siempre devuelve falso ( primero cierra el panel y luego devuelve el valor isOpen ). Esto da como resultado que la entrada se guarde con solo una entrada (no es bueno). Evento intenté preventDefault sin éxito.

¡Cualquier sugerencia o solución será apreciada!