Blur global search input on ESC

frontend/src/app/modules/global_search/global-search-input.component.html

@@ -32,8 +32,9 @@
               (open)="openCloseMenu(currentValue)"
               (close)="select.filterValue = currentValue"
               (change)="onChange($event)"
-              (clear)="clearSearch()"
-              (keydown.enter)="onEnterBeforeResultsLoaded()">
+              (keydown.enter)="onEnterBeforeResultsLoaded()"
+              (keydown.escape)="blur()"
+              (clear)="clearSearch()">
         <ng-template ng-option-tmp let-item="item" let-index="index" let-search="searchTerm">
           <div *ngIf="!item.id; else workPackageItemTemplate">
             <div tabindex="-1" class="global-search--option">

frontend/src/app/modules/global_search/global-search-input.component.ts

@@ -310,6 +310,10 @@ export class GlobalSearchInputComponent implements OnInit, OnDestroy {
     }
   }
 
+  public blur() {
+    (<HTMLInputElement> document.activeElement).blur();
+  }
+
   private redirectToWp(id:string) {
     window.location = this.PathHelperService.workPackagePath(id) as unknown as Location;
   }