Support multiple trailing icons in p-iconfield

[miszal]

Hi,
I'm trying to implement a search bar with navigation controls inside p-iconfield. After adding a clear button at the end, I'm unable to also add arrow icons (e.g., up/down) to navigate between findings in the main content view. When more than one trailing icon is added, they get pushed outside the input boundaries, which shouldn't be the case.

Expected behavior: p-iconfield should support multiple trailing icons (e.g., navigation arrows + a clear button) without them overflowing outside the input.

Actual situation:

<p-iconfield class="w-full" iconPosition="right">
    <p-inputicon class="search xs" />
    <input
      class="w-full"
      type="text"
      pInputText
      [formControl]="searchControl"
      placeholder="Search"
      autocomplete="off" />
    <p-inputicon class="pi pp-angle-up rotate-left" variant="text" (click)="true"/>
    <p-inputicon class="pi pp-angle-up rotate-right" variant="text" (click)="true"/>
    <p-inputicon class="pi pi-times" variant="text" (click)="clearSearch()"/>
</p-iconfield>      

Use case: A search field with "previous/next match" arrows and a clear button, similar to the find bar in VS Code or Chrome.

Nice to have: It would also be great if p-iconfield supported embedding a small text indicator (e.g., "5 of 20") to show the current match index and total count — similar to how browser find bars display it inline.

[miszal]

Closing. Had few styles that cause this problem