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

编程问答 2022-08-16

问题描述

将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',];

.less 没事

label placeholder is cut off

When typing in custom value

inspect

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularprimengprimengprimeng-dropdowns