Я использую PrimeNG Autocomplete в одном из приложений Angular и реализовал его следующим образом:
<p #itemLookup>
<p-autoComplete (onSelect)="onSelect($event, idx)"
formControlName={{idx}} [dropdown]="true"
[placeholder]="'Select Item'"
[inputStyle]="{'color':'black', 'background-color':'rgb(245, 245, 245)'}"
[suggestions]="items" [autoZIndex]="true"
(completeMethod)="itemSearch($event)"
[emptyMessage]="'No Item found'"
[appendTo]="itemLookup"
[field]="'item_id'">
</p-autoComplete>
</p>
Он работает нормально, но у меня проблема с раскрывающимся списком. Предложения отсекаются родительским элементом, как показано на прикрепленном изображении.
Primeng автозаполнение
Как сделать это go поверх родительского элемента, и выпадающие подсказки будут отображаться поверх Lines
, чтобы он был виден и выбран.