fix: duplicate hide events, closes #376

Akryum · Mar 11, 2022 · 5a4ff05 · 5a4ff05
1 parent 490600c
commit 5a4ff05
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 1 deletion.
diff --git a/packages/docs/src/.vuepress/components/DropdownPlacement.vue b/packages/docs/src/.vuepress/components/DropdownPlacement.vue
@@ -9,6 +9,11 @@
         arrowPadding: 8,
         autoHide: false,
       }"
+      @show="log('show')"
+      @apply-show="log('apply-show')"
+      @hide="log('hide')"
+      @apply-hide="log('apply-hide')"
+      @update:shown="log('update:shown', $event)"
     >
       <button
         class="border border-gray-300 rounded px-4 py-3 text-xl"
@@ -59,5 +64,11 @@ export default {
       return list
     },
   },
+
+  methods: {
+    log (...args) {
+      console.log(...args)
+    },
+  },
 }
 </script>
diff --git a/packages/docs/src/.vuepress/components/DropdownSimpleExample.vue b/packages/docs/src/.vuepress/components/DropdownSimpleExample.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="example flex justify-center">
-    <VDropdown>
+    <VDropdown
+      @show="log('show')"
+      @apply-show="log('apply-show')"
+      @hide="log('hide')"
+      @apply-hide="log('apply-hide')"
+      @update:shown="log('update:shown', $event)"
+    >
       <button class="border border-gray-300 rounded px-4 py-2">
         Click me
       </button>
@@ -13,3 +19,13 @@
     </VDropdown>
   </div>
 </template>
+
+<script>
+export default {
+  methods: {
+    log (...args) {
+      console.log(...args)
+    },
+  },
+}
+</script>
diff --git a/packages/floating-vue/src/components/Popper.ts b/packages/floating-vue/src/components/Popper.ts
@@ -383,6 +383,7 @@ export default () => ({
     },
 
     hide ({ event = null, skipDelay = false } = {}) {
+      if (this.$_hideInProgress) return
       this.$_scheduleHide(event, skipDelay)
 
       this.$emit('hide')