From c1ddbd1f3f7b4b5d4425a7a0f217f452e864ef8a Mon Sep 17 00:00:00 2001
From: Joshua Boniface <joshuab@clearcable.ca>
Date: Sun, 2 Mar 2025 14:35:07 -0500
Subject: [PATCH] Fix search bar behaviour (step 4)

---
 pvc-vue/src/components/general/VMSearchBar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/pvc-vue/src/components/general/VMSearchBar.vue b/pvc-vue/src/components/general/VMSearchBar.vue
index 57a8af5..98c8617 100644
--- a/pvc-vue/src/components/general/VMSearchBar.vue
+++ b/pvc-vue/src/components/general/VMSearchBar.vue
@@ -24,7 +24,7 @@
         <button 
           v-if="modelValue && showList && showClearButton" 
           class="btn-clear" 
-          @click="clearSearch"
+          @click.stop="clearSearch"
         >
           <i class="fas fa-times"></i>
         </button>
@@ -292,6 +292,14 @@ const clearSearch = () => {
   
   emit('update:modelValue', '');
   emit('clear');
+  
+  // Focus the search input after clearing
+  nextTick(() => {
+    const searchInput = document.querySelector('.search-input');
+    if (searchInput) {
+      searchInput.focus();
+    }
+  });
 };
 
 // Select a VM