From 0ad72d6757523c6f377304611195bca16a36d060 Mon Sep 17 00:00:00 2001
From: ShuGang Zhou <zhousg1007@qq.com>
Date: Fri, 18 Aug 2023 16:08:40 +0800
Subject: [PATCH] fix(FloatingBubble): drag should not trigger click on child
 elements (#12201)

* fix(FloatingBubble): Drag does not trigger click on descendant elements

* fix(FloatingBubble): Drag does not trigger click on descendant elements
---
 packages/vant/src/floating-bubble/FloatingBubble.tsx | 3 ++-
 packages/vant/src/vue-tsx-shim.d.ts                  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/floating-bubble/FloatingBubble.tsx b/packages/vant/src/floating-bubble/FloatingBubble.tsx
index d6c19f4a1..01b03d871 100644
--- a/packages/vant/src/floating-bubble/FloatingBubble.tsx
+++ b/packages/vant/src/floating-bubble/FloatingBubble.tsx
@@ -189,6 +189,7 @@ export default defineComponent({
 
     const onClick = (e: MouseEvent) => {
       if (touch.isTap.value) emit('click', e);
+      else e.stopPropagation();
     };
 
     onMounted(() => {
@@ -223,7 +224,7 @@ export default defineComponent({
           onTouchstartPassive={onTouchStart}
           onTouchend={onTouchEnd}
           onTouchcancel={onTouchEnd}
-          onClick={onClick}
+          onClickCapture={onClick}
           style={rootStyle.value}
           v-show={show.value}
           {...attrs}
diff --git a/packages/vant/src/vue-tsx-shim.d.ts b/packages/vant/src/vue-tsx-shim.d.ts
index 0587e7ada..1811c4267 100644
--- a/packages/vant/src/vue-tsx-shim.d.ts
+++ b/packages/vant/src/vue-tsx-shim.d.ts
@@ -19,5 +19,6 @@ declare module 'vue' {
   interface HTMLAttributes {
     onTouchmovePassive?: EventHandler;
     onTouchstartPassive?: EventHandler;
+    onClickCapture?: EventHandler;
   }
 }