From b3a5cdabe98d546d5d7370646d747c12971f2259 Mon Sep 17 00:00:00 2001
From: Will Abson <will.abson@gmail.com>
Date: Tue, 28 Jun 2016 15:31:22 +0100
Subject: [PATCH] Blur live search input after emiting 'search' event

- Ensures that the drop-down disappears from screen

Refs #228
---
 .../src/components/alfresco-search-control.component.html   | 2 +-
 .../src/components/alfresco-search-control.component.ts     | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.html b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.html
index 142d194b1f..82295426c0 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.html
@@ -5,7 +5,7 @@
         </label>
         <div [class]="getTextFieldHolderClassName()">
             <input class="mdl-textfield__input" [type]="inputType" [autocomplete]="getAutoComplete()" data-automation-id="search_input"
-                   id="searchControl" [ngFormControl]="searchControl" [(ngModel)]="searchTerm" (focus)="onFocus($event)"
+                   #searchInput id="searchControl" [ngFormControl]="searchControl" [(ngModel)]="searchTerm" (focus)="onFocus($event)"
                    (blur)="onBlur($event)">
             <label class="mdl-textfield__label" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label>
         </div>
diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.ts b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.ts
index 753ade330f..92e4be88ac 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-control.component.ts
@@ -16,7 +16,7 @@
  */
 
 import { Control, Validators } from '@angular/common';
-import { Component, Input, Output, EventEmitter, AfterViewInit } from '@angular/core';
+import { Component, Input, Output, ElementRef, EventEmitter, AfterViewInit, ViewChild } from '@angular/core';
 import { AlfrescoPipeTranslate, AlfrescoTranslationService } from 'ng2-alfresco-core';
 import { AlfrescoSearchAutocompleteComponent } from './alfresco-search-autocomplete.component';
 
@@ -58,6 +58,8 @@ export class AlfrescoSearchControlComponent implements AfterViewInit {
 
     searchControl: Control;
 
+    @ViewChild('searchInput', {}) searchInput: ElementRef;
+
     @Input()
     autocompleteSearchTerm = '';
 
@@ -114,7 +116,7 @@ export class AlfrescoSearchControlComponent implements AfterViewInit {
             this.searchChange.emit({
                 value: this.searchTerm
             });
-            // this.router.navigate(['Search', term]);
+            this.searchInput.nativeElement.blur();
         }
     }