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 0ef6e4b2f..9d4b94b0f 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 @@ -1,5 +1,5 @@ import { FocusMonitor } from '@angular/cdk/a11y'; -import { BACKSPACE, COMMA, ENTER } from '@angular/cdk/keycodes'; +import { BACKSPACE, ENTER } from '@angular/cdk/keycodes'; import { Component, DoCheck, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Optional, Output, Self, SimpleChanges, TemplateRef, ViewChild } from '@angular/core'; import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms'; import { MatChipInputEvent } from '@angular/material/chips'; @@ -11,7 +11,7 @@ import { MultipleAutoCompleteConfiguration } from '@app/library/auto-complete/mu import { BaseComponent } from '@common/base/base.component'; import { isNullOrUndefined } from '@swimlane/ngx-datatable'; import { BehaviorSubject, combineLatest, Observable, of as observableOf, Subject, Subscription } from 'rxjs'; -import {debounceTime, distinctUntilChanged, map, mergeMap, startWith, takeUntil, switchMap, tap} from 'rxjs/operators'; +import {debounceTime, distinctUntilChanged, map, startWith, takeUntil, switchMap, tap} from 'rxjs/operators'; export class CustomComponentBase extends BaseComponent { constructor( @@ -138,8 +138,8 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp ngOnInit() { this.valueAssignSubscription = combineLatest(this.valueOnBlur.asObservable(), this.onSelectAutoCompleteValue.asObservable()) - .pipe(debounceTime(100)) - .subscribe(latest =>{ + .pipe(debounceTime(200)) + .subscribe(latest => { const fromBlur = latest[0]; const fromAutoComplete = latest[1]; @@ -277,7 +277,7 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp } } - public onBlur($event: MouseEvent) { + public onBlur($event: FocusEvent) { if (this.inputValue && this.inputValue.length > 1 && this.autocomplete.options && this.autocomplete.options.length > 0 && this.autoSelectFirstOptionOnBlur) { // this.optionSelectedInternal(this.autocomplete.options.first.value); this.valueOnBlur.next(this.autocomplete.options.first.value); @@ -379,7 +379,6 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp //Chip Functions _addItem(event: MatChipInputEvent): void { - console.log(this._items) const input = event.input; const value = event.value; // Add our fruit