angular - 如何扩展 PrimeNG DropDown 的标签区域？

Question

将 Angular 9 与最新版本的 PrimeNG 一起使用。我已将我的 primeNG 下拉列表扩展到其封装列的总长度，但不是“标签”区域占据了下拉字段的大部分，而是标签和箭头按钮字段或多或少地分割了空间...... 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'},
 ];

.less没什么

标签： angularprimengprimeng-dropdowns