diff --git a/libs/ui/src/lib/currency-selector/currency-selector.component.html b/libs/ui/src/lib/currency-selector/currency-selector.component.html index 0b9be5954..594515e24 100644 --- a/libs/ui/src/lib/currency-selector/currency-selector.component.html +++ b/libs/ui/src/lib/currency-selector/currency-selector.component.html @@ -8,6 +8,7 @@ matInput [formControl]="control" [matAutocomplete]="currencyAutocomplete" + [matAutocompleteConnectedTo]="autocompleteOrigin" /> (); private readonly destroyRef = inject(DestroyRef); + private readonly formField = inject(MAT_FORM_FIELD); private readonly input = viewChild.required(MatInput); public constructor( @@ -91,6 +94,10 @@ export class GfCurrencySelectorComponent this.controlType = 'currency-selector'; } + public get autocompleteOrigin(): MatAutocompleteOrigin { + return { elementRef: this.formField.getConnectedOverlayOrigin() }; + } + public get emojiFlagOfSelectedCurrency() { const selectedCurrency = this.currencies().find((currency) => { return currency === this.control.value; @@ -100,7 +107,7 @@ export class GfCurrencySelectorComponent } public override get empty() { - return this.input().empty; + return !this.control.value; } public override set value(value: string | null) {