diff --git a/docs/core/components/search-text-input.component.md b/docs/core/components/search-text-input.component.md index 004f42bf74..f75a785e20 100644 --- a/docs/core/components/search-text-input.component.md +++ b/docs/core/components/search-text-input.component.md @@ -36,6 +36,7 @@ Displays a input text that supports autocompletion | searchAutocomplete | [`SearchTriggerDirective`](../../../lib/core/search-text/search-trigger.directive.ts) | null | Trigger autocomplete results on input change | | searchTerm | `string` | empty | Preselected search widget value | | debounceTime | `number` | 0 | Debounce time in miliseconds | +| collapseOnSubmit | `boolean` | true | Collapse search bar on submit | | focusListener | [`Observable`](http://reactivex.io/documentation/observable.html) `<` [`FocusEvent`](https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent) `>` | null | Listener for results-list events (focus, blur and focusout) | | defaultState | [`SearchTextStateEnum`](../../../lib/core/models/search-text-input.model.ts) | collapsed | Default state of the search widget | @@ -46,5 +47,4 @@ Displays a input text that supports autocompletion | searchChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when search widget value is changed. | | submit | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when search widget is submited. | | selectResult | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when the result list is selected | -| reset | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when the search widget is reseted | | reset | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`` | Emitted when the search widget is reseted | \ No newline at end of file diff --git a/lib/core/search-text/search-text-input.component.ts b/lib/core/search-text/search-text-input.component.ts index 2c996fcbf7..b10c178868 100644 --- a/lib/core/search-text/search-text-input.component.ts +++ b/lib/core/search-text/search-text-input.component.ts @@ -65,6 +65,9 @@ export class SearchTextInputComponent implements OnInit, OnDestroy { @Input() focusListener: Observable; + @Input() + collapseOnSubmit: boolean = true; + @Input() defaultState: SearchTextStateEnum = SearchTextStateEnum.collapsed; @@ -147,7 +150,7 @@ export class SearchTextInputComponent implements OnInit, OnDestroy { } applySearchFocus(animationDoneEvent) { - if (animationDoneEvent.toState === 'active') { + if (animationDoneEvent.toState === 'active' && this.defaultState !== SearchTextStateEnum.expanded) { this.searchInput.nativeElement.focus(); } } @@ -238,7 +241,9 @@ export class SearchTextInputComponent implements OnInit, OnDestroy { searchSubmit(event: any) { this.submit.emit(event); - this.toggleSearchBar(); + if (this.collapseOnSubmit) { + this.toggleSearchBar(); + } } activateToolbar(): boolean {