mat-select long option value

Question

Как я могу обработать длинное значение в mat-select?

Могу ли я добавить горизонтальную прокрутку?
или я могу сделать длинную опцию равной 2 строки?

Я пытался добавить класс виртуальной прокрутки, что я получил от здесь , но я получил ошибку

<mat-select formControlName="fieldOfWork" placeholder="Pilih bidang pekerjaan"  class="virtual-scroll" required>
   <mat-option [value]="null">Pilih bidang pekerjaan</mat-option>
   <mat-option *ngFor="let fieldOfWork of fieldOfWorks" [value]="fieldOfWork?.value">
      {{fieldOfWork?.label}}
   </mat-option>
</mat-select>

Как справиться со следующим?

Answer 1

Добавьте следующее в style.css файл

.mat-option-text {
  overflow: auto;
  text-overflow: unset;
}

Демонстрация Stackblitz с горизонтальной полосой прокрутки внутри опции