Merge pull request #2119 from kush-savani/issue-2111

fix: fix focus change issue when tab key press

Author: zvonimirfras

src/search/search.component.ts

@@ -243,6 +243,17 @@ export class Search implements ControlValueAccessor {
 		}
 	}
 
+	@HostListener("focusin", ["$event"])
+	focusIn(event) {
+		this.onTouched();
+		// set input focus if search icon get focus from tab key press event.
+		if ((this.expandable || this.toolbar) &&
+			this.inputRef && !event.relatedTarget &&
+			!(this.elementRef.nativeElement as HTMLElement).contains(event.relatedTarget) ) {
+			this.openSearch();
+		}
+	}
+
 	/**
 	 * Called when using IME composition.
 	 */