diff --git a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html index a2c9cf312..af8002a76 100644 --- a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html +++ b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.html @@ -1,15 +1,13 @@
- + {{_displayFn(value)}} cancel - - - + - + diff --git a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.scss b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.scss index 2366b5a74..4f67174f7 100644 --- a/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.scss +++ b/dmp-frontend/src/app/library/auto-complete/single/single-auto-complete.component.scss @@ -5,9 +5,18 @@ .not-loading { display: none; } + + .chip-list { + width: 100%; + } + + .progress-loader { + position: absolute; + right: 0; + } } .two-line-mat-option { height: 3.5em; line-height: 1.2em; -} \ No newline at end of file +} 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 3620903cd..17b1d85bf 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 @@ -75,7 +75,7 @@ export class SingleAutoCompleteComponent implements OnInit, MatFormFieldControl< } set value(value: any | null) { this._selectedValue = value; - this._inputValue = " "; + if (value && value != "") { this._inputValue = " "; } this.stateChanges.next(); } private _selectedValue; @@ -149,7 +149,7 @@ export class SingleAutoCompleteComponent implements OnInit, MatFormFieldControl< _optionSelected(event: MatAutocompleteSelectedEvent) { this._setValue(this.configuration.valueAssign ? this.configuration.valueAssign(event.option.value) : event.option.value); - this._inputValue = " ";; + //this._inputValue = " "; this.stateChanges.next(); this.optionSelected.emit(event.option.value); }