fix(Select): space character works in autocomplete

ISSUES CLOSED: #1416
GetTerminus · Mar 28, 2019 · 2fcd6c4 · 2fcd6c4
1 parent 1ab6e85
commit 2fcd6c4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/terminus-ui/select/src/select.component.html b/terminus-ui/select/src/select.component.html
@@ -81,6 +81,7 @@
           [(ngModel)]="searchQuery"
           (ngModelChange)="querySubject.next(searchQuery)"
           (blur)="handleInputBlur($event)"
+          (keydown)="$event.stopPropagation()"
           #input
         />
 

diff --git a/terminus-ui/select/src/select.component.spec.ts b/terminus-ui/select/src/select.component.spec.ts
@@ -1095,19 +1095,20 @@ describe(`TsSelectComponent`, function() {
       const fixture = createComponent(testComponents.AutocompleteAllowMultipleNoReopen);
       fixture.detectChanges();
 
+      const element = getSelectElement(fixture);
       const input = getAutocompleteInput(fixture);
       typeInElement('fl', input);
       fixture.detectChanges();
 
       expect(input.value).toEqual('fl');
 
       // move down to Florida and try to select it
-      dispatchKeyboardEvent(input, 'keydown', DOWN_ARROW);
-      dispatchKeyboardEvent(input, 'keydown', DOWN_ARROW);
-      dispatchKeyboardEvent(input, 'keydown', DOWN_ARROW);
-      dispatchKeyboardEvent(input, 'keydown', DOWN_ARROW);
-      dispatchKeyboardEvent(input, 'keydown', DOWN_ARROW);
-      dispatchKeyboardEvent(input, 'keydown', ENTER);
+      dispatchKeyboardEvent(element, 'keydown', DOWN_ARROW);
+      dispatchKeyboardEvent(element, 'keydown', DOWN_ARROW);
+      dispatchKeyboardEvent(element, 'keydown', DOWN_ARROW);
+      dispatchKeyboardEvent(element, 'keydown', DOWN_ARROW);
+      dispatchKeyboardEvent(element, 'keydown', DOWN_ARROW);
+      dispatchKeyboardEvent(element, 'keydown', ENTER);
       fixture.detectChanges();
 
       expect(input.value).toEqual('');