From 6d10c52ee9bbd88f2be22dabc83f943f0a6a2c27 Mon Sep 17 00:00:00 2001
From: Joseph Milazzo <josephmajora@gmail.com>
Date: Mon, 29 Aug 2022 08:56:08 -0500
Subject: [PATCH] Fixed typeahead not working correctly (#1490)

---
 UI/Web/src/app/typeahead/typeahead.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/UI/Web/src/app/typeahead/typeahead.component.ts b/UI/Web/src/app/typeahead/typeahead.component.ts
index 4cab42597b..c680d35fe9 100644
--- a/UI/Web/src/app/typeahead/typeahead.component.ts
+++ b/UI/Web/src/app/typeahead/typeahead.component.ts
@@ -5,7 +5,6 @@ import { UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { Observable, of, ReplaySubject, Subject } from 'rxjs';
 import { auditTime, distinctUntilChanged, filter, map, shareReplay, switchMap, take, takeUntil, tap } from 'rxjs/operators';
 import { KEY_CODES } from '../shared/_services/utility.service';
-import { ToggleService } from '../_services/toggle.service';
 import { SelectionCompareFn, TypeaheadSettings } from './typeahead-settings';
 
 /**
@@ -256,6 +255,7 @@ export class TypeaheadComponent implements OnInit, OnDestroy {
         tap((filteredOptions) => {
           this.isLoadingOptions = false;
           this.focusedIndex = 0;
+          this.cdRef.markForCheck();
           setTimeout(() => {
             this.updateShowAddItem(filteredOptions);
             this.updateHighlight();