[Autocomplete] Fix ReadOnly and Disable properties (#2291)

Author: dvoituron

src/Core/Components/List/FluentAutocomplete.razor

@@ -26,7 +26,7 @@
                          aria-label="@GetAutocompleteAriaLabel()"
                          Value="@ValueText"
                          @onclick="@OnDropDownExpandedAsync"
-                         @oninput="@InputHandlerAsync"                         
+                         @oninput="@InputHandlerAsync"
                          autofocus="@Autofocus"
                          Style="@ComponentWidth">
             @* Selected Items *@
@@ -68,7 +68,7 @@
                 }
 
             }
-            @if (!Disabled)
+            @if (!Disabled && !ReadOnly)
             {
                 if (this.SelectedOptions?.Any() == true || !string.IsNullOrEmpty(ValueText))
                 {
@@ -205,12 +205,22 @@
                 {
                     var text = @GetOptionText(item);
 
-                    <FluentBadge Appearance="@AspNetCore.Components.Appearance.Neutral"
-                                 OnDismissClick="@(e => RemoveSelectedItemAsync(item))"
-                                 DismissTitle="@(string.Format(AccessibilityRemoveItem, text))"
-                                 aria-label="@GetOptionText(item)">
-                        @text
-                    </FluentBadge>
+                    if (ReadOnly || Disabled)
+                    {
+                        <FluentBadge Appearance="@AspNetCore.Components.Appearance.Neutral"
+                                     aria-label="@GetOptionText(item)">
+                            @text
+                        </FluentBadge>
+                    }
+                    else
+                    {
+                        <FluentBadge Appearance="@AspNetCore.Components.Appearance.Neutral"
+                                     OnDismissClick="@(e => RemoveSelectedItemAsync(item))"
+                                     DismissTitle="@(string.Format(AccessibilityRemoveItem, text))"
+                                     aria-label="@GetOptionText(item)">
+                            @text
+                        </FluentBadge>
+                    }
                 }
                 else
                 {

src/Core/Components/List/FluentAutocomplete.razor.cs

@@ -265,6 +265,11 @@ private string ComponentWidth
     /// <summary />
     protected override async Task InputHandlerAsync(ChangeEventArgs e)
     {
+        if (ReadOnly || Disabled)
+        {
+            return;
+        }
+
         ValueText = e.Value?.ToString() ?? string.Empty;
         await RaiseValueTextChangedAsync(ValueText);