feat: add stopPropagation prop

daybrush · Jul 28, 2022 · 3ce54e0 · 3ce54e0
1 parent e99d94f
commit 3ce54e0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/packages/react-moveable/src/react-moveable/ables/Default.ts b/packages/react-moveable/src/react-moveable/ables/Default.ts
@@ -21,6 +21,7 @@ export default {
         hideDefaultLines: Boolean,
         props: Object,
         flushSync: Function,
+        stopPropagation: Boolean,
     } as const,
     events: {} as const,
 };
diff --git a/packages/react-moveable/src/react-moveable/gesto/getAbleGesto.ts b/packages/react-moveable/src/react-moveable/gesto/getAbleGesto.ts
@@ -220,7 +220,7 @@ export function getAbleGesto(
 
                 if (!result) {
                     e.stop();
-                } else if (eventType === "Start" && isControl) {
+                } else if (moveable.props.stopPropagation || (eventType === "Start" && isControl)) {
                     e?.inputEvent?.stopPropagation();
                 }
             });

diff --git a/packages/react-moveable/src/react-moveable/types.ts b/packages/react-moveable/src/react-moveable/types.ts
@@ -140,6 +140,11 @@ export interface DefaultOptions {
      * @default false
      */
     hideDefaultLines?: boolean;
+    /**
+     * Whether to prevent bubbling of events like mousedown, touchstart, etc.
+     * @default false
+     */
+    stopPropagation?: boolean;
     /**
      * You can use props in object format or custom props.
      * @default empty object