p-listbox: 搜索过滤文本框宽度不适配

要解决p-listbox搜索过滤文本框宽度不适配的问题，可以尝试以下解决方法：

1. 使用CSS调整文本框的宽度：

   .p-listbox-filter {
     width: 100%;
   }
   

   这将使搜索过滤文本框的宽度与其父容器宽度相同。

2. 使用JavaScript动态调整文本框的宽度：

   const filterInput = document.querySelector('.p-listbox-filter');
   const listbox = document.querySelector('.p-listbox');
   
   filterInput.style.width = `${listbox.offsetWidth}px`;
   

   这将使用JavaScript获取列表框的宽度，并将其应用于搜索过滤文本框。

3. 使用p-listbox的属性设置宽度：

   <p-listbox [style]="{ 'width': '100%' }"></p-listbox>
   

   使用p-listbox的style属性，将宽度设置为100%。

请注意，上述解决方法可能需要根据你的具体情况进行调整，但它们提供了一些思路来解决搜索过滤文本框宽度不适配的问题。