Using @ng-select (Angular 19 / @ng-select/[email protected]) with Lazy Loading.
If I click the dropdown with the mouse it opens up and closes immediately. If I hold the mouse button pressed it stays open until I release the mouse button. If it has focus and I open it via ENTER it stays open.
<ng-select
[ngModel]="selectedChannel"
[items]="allDataBuffer"
[virtualScroll]="true"
[loading]="loading"
(change)="onChannelChange($event)"
placeholder="Kanal auswählen"
appendTo="body"
(scroll)="onScroll($event)"
(scrollToEnd)="onScrollToEnd()">
<ng-template ng-option-tmp let-item="item">
<div> {{ item.label }}</div>
</ng-template>
</ng-select>