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

Question

我正在使用 mat-select 来显示选项列表，因此当您单击 mat-select 输入字段时，它会使用 cdk-overlay-pane 显示选项列表。覆盖容器宽度设置为与 mat-select 输入字段相同。但是，它增加了 32px 的额外宽度来显示动画。这迫使容器出现在屏幕宽度之外有没有办法调整cdk-overlay-pane容器宽度的宽度。

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;
 }