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