Fix input box focus state (#227)

Co-authored-by: Alex Kingman <alex.kingman@blackbaud.me>
blackbaud · Dec 1, 2020 · 26e1571 · 26e1571
1 parent 363f734
commit 26e1571
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/app/public/modules/input-box/input-box.component.ts b/src/app/public/modules/input-box/input-box.component.ts
@@ -1,4 +1,5 @@
 import {
+  ChangeDetectorRef,
   Component,
   ContentChild,
   Input,
@@ -92,6 +93,7 @@ export class SkyInputBoxComponent implements OnInit {
 
   constructor(
     @Optional() public themeSvc: SkyThemeService,
+    private changeRef: ChangeDetectorRef,
     private inputBoxHostSvc: SkyInputBoxHostService
   ) { }
 
@@ -120,6 +122,7 @@ export class SkyInputBoxComponent implements OnInit {
     // initial change detection. Using `setTimeout()` here fixes it.
     setTimeout(() => {
       this.formControlHasFocus = hasFocus;
+      this.changeRef.markForCheck();
     });
   }