fix autocomplete results box positioning
This commit is contained in:
+3
-1
@@ -251,6 +251,7 @@ export default class RecuperoPropostaCctDaContrattiComponent extends ElixFormsCo
|
|||||||
const { searchResults, isLoading, isDropdownOpen, highlightedIndex, errorMessage, searchText } = this.autocompleteState;
|
const { searchResults, isLoading, isDropdownOpen, highlightedIndex, errorMessage, searchText } = this.autocompleteState;
|
||||||
|
|
||||||
const autocompleteInput = (
|
const autocompleteInput = (
|
||||||
|
<>
|
||||||
<div className="autocomplete-wrapper" ref={this.autocompleteRef}>
|
<div className="autocomplete-wrapper" ref={this.autocompleteRef}>
|
||||||
<FluentUI.TextField
|
<FluentUI.TextField
|
||||||
id="autocomplete-search"
|
id="autocomplete-search"
|
||||||
@@ -302,6 +303,7 @@ export default class RecuperoPropostaCctDaContrattiComponent extends ElixFormsCo
|
|||||||
{errorMessage && (
|
{errorMessage && (
|
||||||
<div className="autocomplete-error">{errorMessage}</div>
|
<div className="autocomplete-error">{errorMessage}</div>
|
||||||
)}
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
{this.autocompleteState.selectedContract && (
|
{this.autocompleteState.selectedContract && (
|
||||||
<div className="selected-contract-summary">
|
<div className="selected-contract-summary">
|
||||||
@@ -323,7 +325,7 @@ export default class RecuperoPropostaCctDaContrattiComponent extends ElixFormsCo
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
return new ElixFormsElement(
|
return new ElixFormsElement(
|
||||||
|
|||||||
Reference in New Issue
Block a user