From 876a1a3745a5905ab08bd8ac591cbe0a781e3da8 Mon Sep 17 00:00:00 2001
From: Maxime Adler <madler@sqli.com>
Date: Thu, 15 May 2025 15:42:17 +0200
Subject: [PATCH] Improve select comportment (#52)

---
 .../Shared/Components/Search/SearchInput.razor.css            | 1 +
 .../Shared/Components/SelectSearch/SelectSearch.razor         | 4 ++--
 .../Shared/Components/SelectSearch/SelectSearch.razor.cs      | 1 +
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Search/SearchInput.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Search/SearchInput.razor.css
index 62963d5..c4df4e5 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Search/SearchInput.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Search/SearchInput.razor.css
@@ -34,6 +34,7 @@
     min-width: 18px;
     height: 18px;
     width: 18px;
+    z-index: var(--index-overlay);
 }
 
     .clear-icon:hover {
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor
index 383fdb8..4989c12 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor
@@ -5,12 +5,12 @@
 
 @typeparam TItem
 
-<Select @ref=Select TItem="TItem" THeader="string" Theme="Theme" Type="SelectType"
+<Select @ref=Select TItem="TItem" THeader="string" Theme="Theme" Type="SelectType" DisableClicked=true
         Params="SelectParams" Values=Values ValuesChanged="HandleValuesChanged" QuickAdd=QuickAdd>
 
     <div class="@SelectHelper.GetClassFromTheme(Theme)">
         <SearchInput @ref=SearchInput Icon="SearchInputIcon.Dropdown" Placeholder="@Placeholder" 
-                     TextChanged="HandleClearClicked" ClearClicked="HandleClearClicked" IsDisable=QuickAdd
+                     TextChanged="HandleClearClicked" ClearClicked="HandleClearClicked" IsDisable=false
                      FocusIn="HandleFocusIn" SearchClicked="HandleFocusIn" />
     </div>
 
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor.cs b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor.cs
index 7f1fa6a..4711aef 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor.cs
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/SelectSearch/SelectSearch.razor.cs
@@ -53,6 +53,7 @@ public partial class SelectSearch<TItem>
     private async Task HandleClearClicked()
     {
         Values = [];
+        Select?.Close();
         await ValuesChanged.InvokeAsync([.. Values]);
     }