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()
{