Mat Chip List opon selection 扩展输入

Question

给出默认行为，当从下拉列表中选择值时，MatChip 出现在输入中，但也会扩展它。我有点惊讶这是默认行为。任何人都可以建议他们如何解决它？提供分叉的 StackBlitz 演示（源代码来自 Angular Material 文档）：

DEMO

您可以在下面的图像中看到-选择芯片时，输入会变高。

Answer 1

问题

问题是mat-form-field-infixclass。当输入中有 chips 时，它们会增加高度。

解决方案

您可以将 class 的最小高度设置为与输入中有 chips 时相同。您可以在 CSS 文件中这样做：

::ng-deep .mat-form-field-infix {
  min-height: 32px;
}

Working example