p-dropdown. How can I remove unnecessary input field?

I am using a as below

But there is an unintended input(search field) which is focused with purple before 'options'.

How can I remove the unintended input field?

on chrome console, below elements were created.

<div class="p-hidden-accessible">    <input readonly role="listbox">  </div>  

this is my codes.

 <p-dropdown [options]="periods" optionLabel="name" placeholder="select" ></p-dropdown>      <p-table [value]="etfData" class="table">      <ng-template pTemplate="header">        <tr>          <th class="sorted-etf-name">name (symbol)</th>          <th class="profit"> 5 year </th>        </tr>      </ng-template>      </p-table>  

https://stackoverflow.com/questions/66838055/p-dropdown-how-can-i-remove-unnecessary-input-field March 28, 2021 at 11:07AM