Как мне расширить область меток выпадающего списка PrimeNG?

#angular #primeng #primeng-dropdowns

#angular #primeng #primeng-выпадающие списки

Вопрос:

Использование Angular 9 с последней версией PrimeNG. Я расширил свой раскрывающийся список PrimeNG до общей длины его инкапсулирующего столбца, но вместо области «label», занимающей большую часть выпадающего поля, поле метки и кнопки со стрелкой более или менее разделяет пространство…IMOF кнопка выпадающего списка занимает БОЛЬШЕ места, чем область надписи / выбора. Как мне это настроить?

.html

 <div class="col-lg-4">
   <div class="form-group">
      <p-dropdown
         [options]="mpp"
         formControlName="mpp"
         editable="true"
         placeholder="Select from dropdown or manually enter" 
         autoWidth="false"
         [style]="{ width:'100%',  overflow: 'visible'}">
      </p-dropdown>
   </div>
</div>
  

.ts

 this.mpp = [
    {label: 'blahhhhhhhhhhh', value: 'blahhhhhhhhhhh'},
    {label: 'blahhhhhhhhhhh', value: 'blahhhhhhhhhhh'},
    {label: 'blahhhhhhhhhhh', value: 'blahhhhhhhhhhh'},
 ];
  

.меньше
ничего

заполнитель надписей обрезан

При вводе пользовательского значения

Осмотр