Simple select - working version with searchbox outside

src/Connected.Components/Components/SimpleSelect.razor

@@ -4,15 +4,22 @@
 
 @inherits InputBase;
 
-<div class="@InputFieldClassList">
-    <select @bind="@Value" @oninput="@ChangeValueAsync">
+@if (Items is not null)
+{
+    <div class="@InputFieldClassList">
         @if (EnableSearch)
         {
-            <InputText @bind-Value="@SearchText" ValueChanged=""></InputText>
+            <TextInput Placeholder="Enter search.."
+               @bind-Value="@SearchText" />
         }
-        @foreach(SelectItem<ValueType> item in Items)
+        <select @onchange="@ChangeValueAsync">
+            @foreach (ValueType item in Items)
             {
-            <option value="@item.Value">@item.DisplayedText</option>
+                @if (item is not null)
+                {
+                    <option value="@item">@item.ToString()</option>
+                }
             }
         </select>
-</div>
+    </div>
+}

src/Connected.Components/Components/SimpleSelect.razor.cs

@@ -1,5 +1,6 @@
 using Connected.Models;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
 using System;
 
 namespace Connected.Components;
@@ -9,17 +10,38 @@ public partial class SimpleSelect<ValueType> : InputBase
 	public ValueType Value { get; set; }
 
 	[Parameter]
-   public IEnumerable<SelectItem<ValueType>> Items { get; set; }
+	public IEnumerable<ValueType> Items { get; set; }
 
-	public IEnumerable<SelectItem<ValueType>> OriginalItems { get; set; }
+	public IEnumerable<ValueType> OriginalItems { get; set; }
 
 	[Parameter]
 	public bool EnableSearch { get; set; } = true;
-	public string SearchText { get; set; }
 
-	public void FilterItems()
+	private string _searchText { get; set; } = string.Empty;
+	public string SearchText
 	{
-		Items= Items.Where(item => item.Value.ToString().ToLower().Contains(SearchText.ToLower()) || item.DisplayedText.ToString().ToLower().Contains(SearchText.ToLower()));
+		get
+		{
+			return _searchText;
+		}
+		set
+		{
+			_searchText = value;
+			FilterItems();
+		}
+	}
+
+	private async Task FilterItems()
+	{
+		if (string.IsNullOrEmpty(_searchText))
+		{
+			Items = OriginalItems;
+		}
+		else
+		{
+			Items = Items.Where(item => item.ToString().ToLower().Contains(_searchText.ToLower()));
+		}
+		StateHasChanged();
 	}
 
 
@@ -41,5 +63,4 @@ public partial class SimpleSelect<ValueType> : InputBase
 		OriginalItems = Items;
 		await base.OnInitializedAsync();
 	}
-
 }