[ACA-1968] auto focus input

Alfresco · Nov 20, 2018 · 853f658 · 853f658
1 parent aabfdb3
commit 853f658
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/components/search/search-input/search-input.component.html b/src/app/components/search/search-input/search-input.component.html
@@ -1,4 +1,5 @@
-<div class="app-search-container" [matMenuTriggerFor]="searchOptionsMenu">
+<div class="app-search-container" [matMenuTriggerFor]="searchOptionsMenu"
+     (menuOpened)="onMenuOpened()">
     <button mat-icon-button
             class="app-search-button"
             [title]="'SEARCH.BUTTON.TOOLTIP' | translate">

diff --git a/src/app/components/search/search-input/search-input.component.ts b/src/app/components/search/search-input/search-input.component.ts
@@ -143,6 +143,10 @@ export class SearchInputComponent implements OnInit, OnDestroy {
     this.onDestroy$.complete();
   }
 
+  onMenuOpened() {
+    this.searchInputControl.searchInput.nativeElement.focus();
+  }
+
   /**
    * Called when the user submits the search, e.g. hits enter or clicks submit
    *