fix(ktable): mask delay of column visibility menu (#2382)

Kong · Sep 11, 2024 · 3dbc773 · 3dbc773
1 parent 91fafba
commit 3dbc773
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/KTable/ColumnVisibilityMenu.vue b/src/components/KTable/ColumnVisibilityMenu.vue
@@ -66,7 +66,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onBeforeMount, onMounted, type PropType } from 'vue'
+import { ref, watch, onBeforeMount, onMounted, type PropType, nextTick } from 'vue'
 import type { TableHeader } from '@/types'
 import { TableColumnsIcon } from '@kong/icons'
 import KButton from '@/components/KButton/KButton.vue'
@@ -118,11 +118,11 @@ const handleDropdownToggle = (isOpen: boolean): void => {
 
   // set scroll classes on open
   if (isOpen && menuItemsRef.value) {
-    setTimeout(() => {
+    nextTick(() => {
       if (menuItemsRef.value) {
         setOverflowClass(menuItemsRef.value)
       }
-    }, 500)
+    })
   }
   // reset the map if the dropdown is closed without applying changes
   if (!isOpen && isDirty.value) {