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);
}