fix(platform:search-input): Closing category dropdown after category …

…item is selected (#1640)
SAP · Dec 4, 2019 · 7317382 · 7317382
1 parent 7b9ce5c
commit 7317382
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/libs/core/src/lib/popover/public_api.ts b/libs/core/src/lib/popover/public_api.ts
@@ -1,2 +1,3 @@
 export * from './popover.module';
+export * from './popover.component';
 export * from './popover-directive/popover.directive';
diff --git a/libs/platform/src/lib/components/search-input/search-input.component.html b/libs/platform/src/lib/components/search-input/search-input.component.html
@@ -19,4 +19,4 @@
         (ngModelChange)="onValueChange($event)" (itemClicked)="onItemClick($event)" [searchFunction]="onSearchSubmit"
         [disabled]="disabled">
     </fd-combobox>
-</div>
+</div>
diff --git a/libs/platform/src/lib/components/search-input/search-input.component.ts b/libs/platform/src/lib/components/search-input/search-input.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, EventEmitter, Output, OnChanges, SimpleChanges, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
-import { ComboboxComponent, ComboboxItem } from '@fundamental-ngx/core';
+import { ComboboxComponent, ComboboxItem, PopoverComponent } from '@fundamental-ngx/core';
 import { Observable, isObservable, of } from 'rxjs';
 import { map } from 'rxjs/operators';
 
@@ -114,6 +114,8 @@ export class SearchInputComponent implements OnInit, OnChanges, AfterViewInit {
 
     @ViewChild('combobox', { static: false }) combobox: ComboboxComponent;
 
+    @ViewChild('categoryDropdown', { static: false }) categoryDropdown: PopoverComponent;
+
     constructor() { }
 
     ngOnInit() { }
@@ -207,6 +209,7 @@ export class SearchInputComponent implements OnInit, OnChanges, AfterViewInit {
      */
     setCurrentCategory(category: ValueLabelItem) {
         this.currentCategory = category;
+        this.categoryDropdown.close();
         this.inputChange.emit({
             text: this.inputText,
             category: (this.currentCategory && this.currentCategory.value) ? this.currentCategory.value : null