Неправильный выбор ширины мата внутри коврика

Question

Я думаю, что это просто для многих из вас, но я не могу понять это.

Я использую mat-select внутри формы, когда я хочу выбрать опцию из списка, ширина опций достигает 100%. Но это должно быть до поля выбора.

Вот снимок параметров ширины,

а вот и HTML,

<mat-form-field class="form" appearance="outline">
          <mat-select formControlName="paymentType" placeholder="Type" (selectionChange)="onChange($event)">
            <mat-option *ngFor="let payment of paymentTypes" [value]="payment.value">
              {{payment.viewValue}}
            </mat-option>
          </mat-select>
        </mat-form-field>

Я хочу, чтобы ширина опции просто отображалась под полем выбора.

Пожалуйста, помогите мне.

Answer 1

Я думаю, что добавление стиля "max-width" непосредственно к узлу mat-option будет достаточно для решения вашей проблемы.