From 2f61e471394c4bb96dc47c2d8977a8c532b73da7 Mon Sep 17 00:00:00 2001 From: apapachristou Date: Wed, 25 Nov 2020 18:08:51 +0200 Subject: [PATCH] On focus out of autocompletes clear value if not selected option (to be reviewed) --- .../multiple/multiple-auto-complete.component.ts | 10 ++++++++++ .../single/single-auto-complete.component.ts | 6 ++++++ 2 files changed, 16 insertions(+) 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 5ccb029f1..89470bca2 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 @@ -201,6 +201,10 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp if (event.keyCode !== ENTER && (event.keyCode < 37 || event.keyCode > 40)) { this._inputSubject.next(this.inputValue); } + + // if (event.keyCode !== ENTER && (event.keyCode < 37 || event.keyCode > 40) && event.keyCode !== COMMA) { + // this._inputSubject.next(this.inputValue); + // } } public onKeyDown(event) { @@ -232,6 +236,12 @@ export class MultipleAutoCompleteComponent extends _CustomComponentMixinBase imp if (this.inputValue && this.inputValue.length > 1 && this.autocomplete.options && this.autocomplete.options.length > 0 && this.autoSelectFirstOptionOnBlur) { this.optionSelectedInternal(this.autocomplete.options.first.value); } + + // Clear text if not an option + if (this.inputValue && this.inputValue.length > 1) { + this.inputValue = ''; + document.getElementById(($event.target).id).focus(); + } } 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 a202ce1f5..bbcd65fa8 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 @@ -242,6 +242,12 @@ export class SingleAutoCompleteComponent extends _CustomComponentMixinBase imple this.inputValue = this._displayFn(this.autocomplete.options.first.value); this.optionSelectedInternal(this.autocomplete.options.first.value); } + + // Clear text if not an option + else if (this.inputValue && this.inputValue.length > 1) { + this.inputValue = ''; + document.getElementById(($event.target).id).focus(); + } } onChange = (_: any) => { };