From f9c29e2cbcd14f873c8dbf41f4a323fb632836c7 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Wed, 12 Jun 2024 12:43:47 -0700
Subject: [PATCH] fix: improves keyboard navigation and styling of fuzzy search
 (#3031)

---
 assets/components/FuzzySearchModal.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/components/FuzzySearchModal.vue b/assets/components/FuzzySearchModal.vue
index 62b99c8e..fe149580 100644
--- a/assets/components/FuzzySearchModal.vue
+++ b/assets/components/FuzzySearchModal.vue
@@ -16,7 +16,7 @@
       <mdi:keyboard-esc class="flex" />
     </div>
     <div
-      class="dropdown-content !relative mt-2 max-h-[calc(100dvh-20rem)] w-full overflow-y-scroll rounded-md bg-base-lighter p-2"
+      class="dropdown-content !relative mt-2 max-h-[calc(100dvh-20rem)] w-full overflow-y-scroll rounded-md border-y-8 border-transparent bg-base-lighter px-2"
       v-if="results.length"
     >
       <ul tabindex="0" class="menu">
@@ -24,7 +24,6 @@
           <a
             class="grid auto-cols-max grid-cols-[min-content,auto] gap-2 py-4"
             @click.prevent="selected(result.item)"
-            @mouseenter="selectedIndex = index"
             :class="index === selectedIndex ? 'focus' : ''"
           >
             <div :class="{ 'text-primary': result.item.state === 'running' }">
@@ -159,7 +158,9 @@ watch(query, (data) => {
   }
 });
 
-watch(selectedIndex, () => listItems.value?.[selectedIndex.value].scrollIntoView({ behavior: "smooth", block: "end" }));
+watch(selectedIndex, () => {
+  listItems.value?.[selectedIndex.value].scrollIntoView({ block: "end" });
+});
 
 useFocus(input, { initialValue: true });