diff --git a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml index d81419c72f..046d7ea6c0 100644 --- a/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml +++ b/examples/Demo/Shared/Microsoft.FluentUI.AspNetCore.Components.xml @@ -5907,6 +5907,11 @@ Gets or sets the callback that is invoked when the text field value changes. + + + Gets or sets the position of the options popup. + + Gets or sets the value of the input. This should be used with two-way binding. @@ -6099,6 +6104,12 @@ + + + Gets the position of the popup. + + + diff --git a/src/Core/Components/List/FluentAutocomplete.razor b/src/Core/Components/List/FluentAutocomplete.razor index 29ee06fc8c..e7311d457d 100644 --- a/src/Core/Components/List/FluentAutocomplete.razor +++ b/src/Core/Components/List/FluentAutocomplete.razor @@ -117,7 +117,7 @@ @if (HeaderContent != null) @@ -160,7 +160,7 @@ @MaximumSelectedOptionsMessage diff --git a/src/Core/Components/List/FluentAutocomplete.razor.cs b/src/Core/Components/List/FluentAutocomplete.razor.cs index 02d3243ee6..8361510426 100644 --- a/src/Core/Components/List/FluentAutocomplete.razor.cs +++ b/src/Core/Components/List/FluentAutocomplete.razor.cs @@ -56,6 +56,12 @@ public FluentAutocomplete() [Parameter] public EventCallback ValueTextChanged { get; set; } + /// + /// Gets or sets the position of the options popup. + /// + [Parameter] + public SelectPosition? Position { get; set; } + /// /// Gets or sets the value of the input. This should be used with two-way binding. /// For the FluentAutocomplete component, use the property instead. @@ -651,6 +657,18 @@ private async Task RaiseValueTextChangedAsync(string value) } + /// + /// Gets the position of the popup. + /// + /// + private VerticalPosition? GetVerticalPosition() + => Position switch + { + SelectPosition.Above => VerticalPosition.Top, + SelectPosition.Below => VerticalPosition.Bottom, + _ => VerticalPosition.Unset, + }; + /// private bool MustBeClosed() {