However, in my web page, I see this: https://imgur.com/a/a4LTPEq
Code: Select all
<span>Search </span> <p-autoComplete [(ngModel)]="name" [suggestions]="filteredNames" [minLength]="1" placeholder="" (completeMethod)="findCustomer($event)" [size]="30"></p-autoComplete>
My main issue is why the input section for autoComplete is not showing by default since I have no personal CSS to style this. I tried adding a magnifying glass placeholder to show the user where the search bar is, but after I click on the search bar, the cursor is placed at the beginning next to the magnifying glass.
With limited documentation on autoComplete styling on the PrimeNG page, I would like some help to fix these issues. Thanks.