fix: duplicate hide events, closes #376

Author: Akryum

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>

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>

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')