From 4ae13704c5a13b348a06fef56d3cfba58d2dd8b6 Mon Sep 17 00:00:00 2001 From: Diamantis Tziotzios Date: Wed, 11 Mar 2020 16:21:58 +0200 Subject: [PATCH] autocomplete fix --- .../multiple/multiple-auto-complete.component.ts | 6 +++--- .../auto-complete/single/single-auto-complete.component.ts | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts index b1f0f9502..ff0663383 100644 --- a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts +++ b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.ts @@ -9,7 +9,7 @@ import { AutoCompleteGroup } from '@app/library/auto-complete/auto-complete-grou import { MultipleAutoCompleteConfiguration } from '@app/library/auto-complete/multiple/multiple-auto-complete-configuration'; import { BaseComponent } from '@common/base/base.component'; import { Observable, of as observableOf, Subject } from 'rxjs'; -import { debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil } from 'rxjs/operators'; +import { debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil, switchMap } from 'rxjs/operators'; export class CustomComponentBase extends BaseComponent { constructor( @@ -213,7 +213,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp debounceTime(this.requestDelay), distinctUntilChanged(), distinctUntilChanged(), - mergeMap(query => this.filter(query))); + switchMap(query => this.filter(query))); if (this.configuration.groupingFn) { this._groupedItems = this._items.pipe(map(items => this.configuration.groupingFn(items))); } } @@ -286,7 +286,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp } get requestDelay(): number { - return this.configuration.requestDelay != null ? this.configuration.requestDelay : 200; + return this.configuration.requestDelay != null ? this.configuration.requestDelay : 400; } get minFilteringChars(): number { diff --git a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.ts b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.ts index 86000d024..ea1b767e3 100644 --- a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.ts +++ b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.ts @@ -9,7 +9,7 @@ import { AutoCompleteGroup } from '@app/library/auto-complete/auto-complete-grou import { SingleAutoCompleteConfiguration } from '@app/library/auto-complete/single/single-auto-complete-configuration'; import { BaseComponent } from '@common/base/base.component'; import { Observable, of as observableOf, Subject } from 'rxjs'; -import { debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil } from 'rxjs/operators'; +import { debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil, switchMap } from 'rxjs/operators'; export class CustomComponentBase extends BaseComponent { @@ -225,7 +225,7 @@ export class SingleAutoCompleteComponent extends _CustomComponentMixinBase imple startWith(null), debounceTime(this.requestDelay), distinctUntilChanged(), - mergeMap(query => this.filter(query))); + switchMap(query => this.filter(query))); if (this.configuration.groupingFn) { this._groupedItems = this._items.pipe(map(items => this.configuration.groupingFn(items))); } } @@ -307,7 +307,7 @@ export class SingleAutoCompleteComponent extends _CustomComponentMixinBase imple } get requestDelay(): number { - return this.configuration.requestDelay != null ? this.configuration.requestDelay : 200; + return this.configuration.requestDelay != null ? this.configuration.requestDelay : 400; } get minFilteringChars(): number {