Dando el comportamiento predeterminado, cuando se selecciona el valor de un menú desplegable, MatChip aparece dentro de la entrada, pero también lo expande. Estoy un poco sorprendido de que este sea el comportamiento predeterminado. ¿Alguien puede sugerir cómo lo solucionan? Proporcionar una demostración bifurcada de StackBlitz (fuente tomada de la documentación de Angular Material):
Puede ver en las imágenes a continuación: cuando se selecciona el chip, la entrada se vuelve más alta.
El problema es la clase mat-form-field-infix . Cuando hay fichas en la entrada, aumentan la altura.
Puede establecer que la altura mínima para esa clase sea la misma que cuando hay fichas en la entrada. Puedes hacerlo en el archivo CSS así:
::ng-deep .mat-form-field-infix { min-height: 32px; }