I'm currently encountering an issue with my autocomplete feature. Whenever I click on the input field, a dropdown menu should appear with all available options to choose from.
However, I am having trouble with the visibility of these fields. I have tried adjusting the z-index and other CSS properties, but nothing seems to be working.
Can anyone suggest a solution for this problem?
Code
<div class="form-group" style="padding-top: 10px;">
<div class="ng-autocomplete auto">
<ng-autocomplete [data]="countries" [searchKeyword]="keyword"
[itemTemplate]="itemTemplate" [notFoundTemplate]="notFoundTemplate">
</ng-autocomplete>
<ng-template #itemTemplate let-item>
<a [innerHTML]="item.departamento"></a>
</ng-template>
<ng-template #notFoundTemplate let-notFound>
<div [innerHTML]="notFound"></div>
</ng-template>
</div>
</div>
https://i.sstatic.net/0L5SG.png
The image displayed shows that the information is present, but unfortunately, it is not visible on the screen. Any suggestions on how to resolve this issue would be greatly appreciated.