From 71d1ea7f62d9d8cf05a7d20988c7b5fceba8bb8c Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Thu, 20 Jun 2024 13:30:44 +0100
Subject: [PATCH] fix: add a title so full name can be hovered (#2412)

---
 .../components/viewer/explorer/StringFilterItem.vue          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend-2/components/viewer/explorer/StringFilterItem.vue b/packages/frontend-2/components/viewer/explorer/StringFilterItem.vue
index 969e6aa6e..f1b02bd4a 100644
--- a/packages/frontend-2/components/viewer/explorer/StringFilterItem.vue
+++ b/packages/frontend-2/components/viewer/explorer/StringFilterItem.vue
@@ -2,10 +2,11 @@
 <template>
   <div>
     <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events -->
-    <div
+    <button
       :class="`flex group pl-1 justify-between items-center w-full max-w-full overflow-hidden select-none space-x-2 rounded border-l-4 hover:bg-primary-muted hover:shadow-md text-foreground cursor-pointer ${
         isSelected ? 'border-primary bg-primary-muted' : 'border-transparent'
       }`"
+      :title="item.value"
       @click="setSelection()"
     >
       <div class="flex gap-1 items-center flex-shrink truncate text-xs sm:text-sm">
@@ -57,7 +58,7 @@
         <FunnelIcon v-else class="h-3 w-3" />
         <!-- </button> -->
       </div>
-    </div>
+    </button>
     <!-- Debugging info -->
     <!-- <div v-if="true" class="text-xs text-foreground-2">
       selected: {{ isSelected }}; isHidden {{ isHidden }}; isIsolated: {{ isIsolated }}