fix(igx-autocomplete): focus input after drop down is closed #3585

IgniteUI · Feb 1, 2019 · f2c0ea7 · f2c0ea7
1 parent a3d7948
commit f2c0ea7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts b/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts
@@ -237,12 +237,16 @@ fdescribe('IgxAutocomplete', () => {
             expect(dropDown.collapsed).toBeFalsy();
 
             const targetElement = fixture.debugElement.queryAll(By.css('.' + CSS_CLASS_DROP_DOWN_ITEM))[0];
+            targetElement.nativeElement.tabIndex = 0;
+            targetElement.nativeElement.focus();
             targetElement.nativeElement.click();
+            targetElement.nativeElement.tabIndex = -1;
             tick();
             fixture.detectChanges();
             expect(dropDown.collapsed).toBeTruthy();
             expect(fixture.componentInstance.townSelected).toBe(filteredTowns[0]);
             expect(input.value).toBe(filteredTowns[0]);
+            expect(input.nativeElement).toBe(document.activeElement);
         }));
         it('Should filter and populate dropdown list with matching values on every key stroke', () => {
             const dropdownListElement = fixture.debugElement.query(By.css('.' + CSS_CLASS_DROPDOWNLIST));

diff --git a/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.ts b/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.ts
@@ -271,6 +271,7 @@ export class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective
         }
         this.model ? this.model.control.setValue(newValue) : this.nativeElement.value = newValue;
         this.close();
+        this.nativeElement.click();
     }
 
     private highlightFirstItem() {