Array change detection not working

[hurry-harry]

So this array of tracks gets filtered and the resulting array gets displayed as the autocomplete dropdown options.

Problem is that the changes in the array does not get detected in the view until you basically close and reopen the dropdown by unfocusing and refocusing on the input.

Tried using Signals, detectChanges(), running the filter logic in an NgZone call but so far nothing has worked.

Still currently looking into a workaround.

[hurry-harry]

Changing the filter logic handling here in this <input> from (change) to (keyup) works. It will update and trigger the view of the dropdown list in real time.

Will need to add handling for [(ngModel)] and handling the different types of keys in the keyup for keyboard-based navigation.

spotify-taeyeon-shenanigans/src/app/components/play/play.component.html

Lines 85 to 86 in a63c57b

	<input placeholder="Song title..." [ngClass]="(isFocusedSignal() ? 'quiz__input quiz__input--focused' : 'quiz__input')"
	class="quiz__input" (change)="filterTracks($event)" (focus)="toggleFocused()" (blur)="toggleFocused()">