From 5a4ff05f6c15a2f9ea91b664c2322d047ce20554 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Fri, 11 Mar 2022 12:08:48 +0100
Subject: [PATCH] fix: duplicate hide events, closes #376

---
 .../.vuepress/components/DropdownPlacement.vue | 11 +++++++++++
 .../components/DropdownSimpleExample.vue       | 18 +++++++++++++++++-
 packages/floating-vue/src/components/Popper.ts |  1 +
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/packages/docs/src/.vuepress/components/DropdownPlacement.vue b/packages/docs/src/.vuepress/components/DropdownPlacement.vue
index 10bcf3a4..eaad4932 100644
--- 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
index 169814ee..9d7d3bf7 100644
--- 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
index e6b91593..b7b850ff 100644
--- 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')