when appendTo="body" and using custom header template to search, ArrowDown, ArrowUp & Enter won't work.

example: https://stackblitz.com/edit/angular-znc8gc?file=src/template-search-example.component.html

In my use case, I have to set appendTo="body" and customize search control in header template, but in this case, I can’t scroll up or down using keyboard when focusing in custom search input, neither select an item by Enter key.

[akashthakur05]

<ng-select
	#select
	>
	<ng-template *ngIf="searchable" ng-header-tmp>
		<div class="d-flex align-items-center">
			<input
				type="text"
				class="w-100"
				nbInput
				[placeholder]="'Start Typing '"
				(input)="select.filter($event.target.value)"
				(change)="$event.stopPropagation()"
				(keydown)="select.handleKeyDown($event)"
			/>
			<i class="fas fa-search fa-lg pl-2 text-gainsboro"></i>
		</div>
	</ng-template>
	<ng-select>

I Used this using my custom template and it solved the problem and select is

[akashthakur05]

@jupin-r I totally agree with you, I think they are not active.