fix: Datepicker menu closing with custom click outside directives (#51)

Vuepic · Nov 27, 2021 · 28bead5 · 28bead5 · vanling · Dec 5, 2021
1 parent 95b2ff2
commit 28bead5
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/Vue3DatePicker/components/DatepickerMenu.vue b/src/Vue3DatePicker/components/DatepickerMenu.vue
@@ -1,6 +1,7 @@
 <template>
     <div
         :id="uid ? `dp-menu-${uid}` : null"
+        ref="dpMenuRef"
         role="dialog"
         aria-label="Datepicker menu"
         :class="dpMenuClass"
@@ -167,6 +168,7 @@
     });
     const slots = useSlots();
     const calendarWrapperRef = ref(null);
+    const dpMenuRef = ref(null);
     const calendarWidth = ref(0);
     const menuMount = ref(false);
 
@@ -179,6 +181,12 @@
         if (!props.inline) {
             nextTick(() => emit('dpOpen'));
         }
+        const menu = unrefElement(dpMenuRef);
+        if (menu) {
+            menu.addEventListener('pointerdown', (e) => {
+                e.stopImmediatePropagation();
+            });
+        }
     });
 
     const {