From e4c6018750e6ac2c660ccead3979a7acc8656f4f Mon Sep 17 00:00:00 2001
From: musharaf <musharaf@nocodb.com>
Date: Thu, 30 Nov 2023 15:02:22 +0530
Subject: [PATCH] fix : added tootip in filters fields option

---
 .../toolbar/FieldListAutoCompleteDropdown.vue        | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
index 27c528948c..b0e50fe97f 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldListAutoCompleteDropdown.vue
@@ -82,13 +82,15 @@ if (!localValue.value && allowEmpty !== true) {
     <a-select-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value">
       <div class="flex gap-2 items-center items-center h-full">
         <component :is="option.icon" class="min-w-5 !mx-0" />
-
-        <div
-          class="min-w-0 text-ellipsis overflow-hidden select-none"
+        <NcTooltip
           :style="{ wordBreak: 'keep-all', whiteSpace: 'nowrap', display: 'inline' }"
+          class="max-w-[15rem] truncate select-none"
         >
-          {{ option.label }}
-        </div>
+          <template #title> {{ option.label }}</template>
+          <span>
+            {{ option.label }}
+          </span>
+        </NcTooltip>
       </div>
     </a-select-option>
   </NcSelect>