垫子选择选项覆盖窗格的可调宽度

Question

我正在使用mat-select来显示选项列表，因此当您单击mat-select输入字段时，它会使用cdk-overlay-pane显示一个选项列表。覆盖容器的宽度设置为与“垫选择输入”字段相同。但是，它增加了32px的额外宽度来显示动画。这会迫使容器显示在屏幕宽度之外。是否可以通过任何方式来调整cdk覆盖窗格容器宽度。

Answer 1

尝试此代码，它可以工作，但不是动态的。

::ng-deep .mat-form-field {
 width: 50px !important;
 }
::ng-deep .mat-label {
 width: 50px !important;
 }
::ng-deep .mat-select {
 width: 50px !important;
 }

::ng-deep .mat-option {
 width: 50px !important;
 }