Merge pull request #16653 from IgniteUI/rivanova/fix-16649-20.1.x

fix(autocomplete): do not call super.handleKeyDown on Tab - 20.1.x

Author: kacheshmarova

projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts

@@ -74,6 +74,23 @@ describe('IgxAutocomplete', () => {
             fixture.detectChanges();
             expect(dropDown.collapsed).toBeTruthy();
         }));
+        it('Should close dropdown on Tab without calling super.handleKeyDown', fakeAsync(() => {
+            spyOn(autocomplete, 'handleKeyDown').and.callThrough();
+            spyOn(IgxDropDownItemNavigationDirective.prototype, 'handleKeyDown').and.callThrough();
+
+            input.nativeElement.focus();
+            UIInteractions.setInputElementValue(input, 's', fixture);
+            tick();
+            expect(dropDown.collapsed).toBeFalsy();
+
+            // IgxDropDownItemNavigationDirective handleKeyDown is not called when dropdown is closed on Tab
+            UIInteractions.triggerKeyDownEvtUponElem('Tab', input.nativeElement, true);
+            fixture.detectChanges();
+            tick();
+            expect(dropDown.collapsed).toBeTruthy();
+            expect(autocomplete.handleKeyDown).toHaveBeenCalledTimes(1);
+            expect(IgxDropDownItemNavigationDirective.prototype.handleKeyDown).toHaveBeenCalledTimes(0);
+        }));
         it('Should open drop down on (Alt+)ArrowUp/ArrowDown', fakeAsync(() => {
             UIInteractions.triggerKeyDownEvtUponElem('ArrowDown', input.nativeElement, true);
             tick();

projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.ts

@@ -273,6 +273,7 @@ export class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective
                 case ' ':
                 case 'home':
                 case 'end':
+                case 'tab':
                     return;
                 default:
                     super.handleKeyDown(event);