Merge branch 'fix-auto' into studder

# Conflicts:
#	src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor
#	src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs
#	src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.js

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor

@@ -8,28 +8,28 @@
 <DemoBlock Title="@Localizer["Block1Title"]" Introduction="@Localizer["Block1Intro"]" Name="Normal">
     <section ignore>@Localizer["NormalDescription"]</section>
     <div style="width: 200px;">
-        <AutoComplete Items="@StaticItems" IsSelectAllTextOnFocus="true" Value="@Value"></AutoComplete>
+        <AutoComplete Value="@_value" Items="@StaticItems" IsSelectAllTextOnFocus="true"></AutoComplete>
     </div>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["Block2Title"]" Introduction="@Localizer["Block2Intro"]" Name="LikeMatch">
     <section ignore>@Localizer["LikeMatchDescription"]</section>
     <div style="width: 200px;">
-        <AutoComplete Items="@StaticItems" IsLikeMatch="true" IgnoreCase="false" />
+        <AutoComplete Value="@_matchValue" Items="@StaticItems" IsLikeMatch="true" IgnoreCase="false" />
     </div>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["Block3Title"]" Introduction="@Localizer["Block3Intro"]" Name="NoDataTip">
     <section ignore>@((MarkupString)Localizer["NoDataTipDescription"].Value)</section>
     <div style="width: 200px;">
-        <AutoComplete Items="@StaticItems" NoDataTip="@Localizer["NoDataTip"]" />
+        <AutoComplete Value="@_tipValue" Items="@StaticItems" NoDataTip="@Localizer["NoDataTip"]" />
     </div>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["Block4Title"]" Introduction="@Localizer["Block4Intro"]" Name="ValueChanged">
+<DemoBlock Title="@Localizer["Block4Title"]" Introduction="@Localizer["Block4Intro"]" Name="OnCustomFilter">
     <section ignore>@Localizer["ValueChangedDescription"]</section>
     <div style="width: 200px;">
-        <AutoComplete Items="@Items" ValueChanged="@OnValueChanged" />
+        <AutoComplete Value="@_filterValue" Items="@Items" OnCustomFilter="OnCustomFilter" />
     </div>
 </DemoBlock>
 
@@ -48,12 +48,12 @@
 <DemoBlock Title="@Localizer["DebounceTitle"]" Introduction="@Localizer["DebounceIntro"]" Name="Debounce">
     <section ignore>@Localizer["DebounceDescription"]</section>
     <div style="width: 200px;">
-        <AutoComplete Items="@Items" ValueChanged="@OnValueChanged" Debounce="500" />
+        <AutoComplete @bind-Value="@_debounceValue" Items="@Items" Debounce="500" />
     </div>
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["OnSelectedItemChangedTitle"]" Introduction="@Localizer["OnSelectedItemChangedIntro"]" Name="OnSelectedItemChanged">
-    <AutoComplete Items="@StaticItems" OnSelectedItemChanged="OnSelectedItemChanged" Debounce="500"></AutoComplete>
+    <AutoComplete Items="@StaticItems" OnSelectedItemChanged="OnSelectedItemChanged"></AutoComplete>
     <section ignore>
         <ConsoleLogger @ref="Logger" />
     </section>

src/BootstrapBlazor.Server/Components/Samples/AutoCompletes.razor.cs

@@ -18,16 +18,17 @@ public sealed partial class AutoCompletes
 
     private IEnumerable<string> Items => _items;
 
-    private string Value { get; set; } = "";
+    private string _value = "";
+    private string _matchValue = "";
+    private string _tipValue = "";
+    private string _filterValue = "";
+    private string _debounceValue = "";
 
-    private Task OnValueChanged(string val)
+    private static async Task<IEnumerable<string>> OnCustomFilter(string val)
     {
-        _items.Clear();
-        _items.Add($"{val}@163.com");
-        _items.Add($"{val}@126.com");
-        _items.Add($"{val}@sina.com");
-        _items.Add($"{val}@hotmail.com");
-        return Task.CompletedTask;
+        await Task.Yield();
+        var items = new List<string> { $"{val}@163.com", $"{val}@126.com", $"{val}@sina.com", $"{val}@hotmail.com" };
+        return items;
     }
 
     [NotNull]

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor

@@ -6,19 +6,13 @@
     <BootstrapLabel required="@Required" for="@InputId" ShowLabelTooltip="ShowLabelTooltip" Value="@DisplayText"/>
 }
 <div class="auto-complete" id="@Id">
-    @*
-        INPUT VALUE ATTRIBUTE REMOVED:
-        Removed 'value="@CurrentValueAsString"' to prevent Blazor from overwriting
-        the user's input during async operations/re-renders (fixes stuttering).
-        The input's visual value is now primarily controlled by the browser during typing
-        and synchronized via JavaScript interop ('setValue') when needed (init, click, enter, esc).
-    *@
     <input @attributes="AdditionalAttributes" id="@InputId" class="@ClassName" autocomplete="off" type="text"
            data-bs-toggle="@ToggleString" data-bs-placement="@PlacementString"
            data-bs-offset="@OffsetString" data-bs-custom-class="@CustomClassString"
            data-bb-auto-dropdown-focus="@ShowDropdownListOnFocusString" data-bb-debounce="@DurationString"
            data-bb-skip-esc="@SkipEscString" data-bb-skip-enter="@SkipEnterString" data-bb-blur="@TriggerBlurString"
            data-bb-scroll-behavior="@ScrollIntoViewBehaviorString" data-bb-trigger-delete="true"
+           @bind="@CurrentValueAsString"
            placeholder="@PlaceHolder" disabled="@Disabled" @ref="FocusElement"/>
     <span class="form-select-append"><i class="@Icon"></i></span>
     <span class="form-select-append ac-loading"><i class="@LoadingIcon"></i></span>
@@ -28,7 +22,6 @@
 </div>
 
 @code {
-    // Original code block for RenderDropdown remains unchanged
     RenderFragment RenderDropdown =>
     @<div class="dropdown-menu">
         <div class="dropdown-menu-body">