From e79adce2fe48344e04bc68ca14ef6187e4dcff0c Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Tue, 7 Nov 2023 07:17:38 +0000
Subject: [PATCH] fix: Fixed issue with field dropdown

---
 packages/nc-gui/components/nc/Dropdown.vue             | 10 +++++++++-
 .../nc-gui/components/smartsheet/details/Fields.vue    |  9 ++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/nc/Dropdown.vue b/packages/nc-gui/components/nc/Dropdown.vue
index e1909ee982..7118f0b53b 100644
--- a/packages/nc-gui/components/nc/Dropdown.vue
+++ b/packages/nc-gui/components/nc/Dropdown.vue
@@ -47,6 +47,14 @@ onClickOutside(overlayWrapperDomRef, () => {
 
   visible.value = false
 })
+
+const onVisibleUpdate = (event: any) => {
+  if (visible !== undefined) {
+    visible.value = event
+  } else {
+    emits('update:visible', event)
+  }
+}
 </script>
 
 <template>
@@ -54,7 +62,7 @@ onClickOutside(overlayWrapperDomRef, () => {
     :visible="visible"
     :trigger="trigger"
     :overlay-class-name="overlayClassNameComputed"
-    @update:visible="visible !== undefined ? (visible = $event) : undefined"
+    @update:visible="onVisibleUpdate"
   >
     <slot />
 
diff --git a/packages/nc-gui/components/smartsheet/details/Fields.vue b/packages/nc-gui/components/smartsheet/details/Fields.vue
index 14f7e6084f..6a4f2e2bf8 100644
--- a/packages/nc-gui/components/smartsheet/details/Fields.vue
+++ b/packages/nc-gui/components/smartsheet/details/Fields.vue
@@ -686,13 +686,11 @@ onMounted(async () => {
   }
 })
 
-watch(isColOptionDropdownOpen, () => {
-  if (isColOptionDropdownOpen.value === true) return
-
+const onFieldOptionUpdate = () => {
   setTimeout(() => {
     isFieldIdCopied.value = false
   }, 200)
-})
+}
 </script>
 
 <template>
@@ -840,9 +838,9 @@ watch(isColOptionDropdownOpen, () => {
                     </NcButton>
                     <NcDropdown
                       v-else
-                      v-model:visible="isColOptionDropdownOpen"
                       :trigger="['click']"
                       overlay-class-name="nc-dropdown-table-explorer"
+                      @update:visible="onFieldOptionUpdate"
                       @click.stop
                     >
                       <NcButton
@@ -976,6 +974,7 @@ watch(isColOptionDropdownOpen, () => {
                       v-else
                       :trigger="['click']"
                       overlay-class-name="nc-dropdown-table-explorer-display-column"
+                      @update:visible="onFieldOptionUpdate"
                       @click.stop
                     >
                       <NcButton