p-listbox：搜索过滤器文本框不适合宽度

Question

在使用当前版本8.0.2的PrimeNg时，列表框内的搜索框遇到布局问题。 显然，这是在3077年解决的。 我创建了一个stackblitz示例，因此您可以看到它。

html代码是：

<p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name"
[listStyle]="{'max-height':'150px', 'width':'300px'}">
  <p-header>
    Cities
  </p-header>
</p-listbox>

错误回来了吗？ 我想念什么吗？

谢谢你的帮助！

Answer 1

从文档中可以看出，问题在于混合了[style]和[listStyle]属性。

• style-容器的内联样式。
• styleClass-容器的样式类。
• listStyle-列表元素的内联样式

。

因此，内联样式应分为2个不同的属性：

<p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name"
[listStyle]="{'max-height':'150px'}" 
[style]="{'width':'300px'}">
  <p-header>
    Cities
  </p-header>
</p-listbox>