feat: add preventDefault prop #821

daybrush · daybrush · commit b599e32aee6f · 2023-03-06T02:55:33.000+09:00
diff --git a/packages/react-moveable/src/MoveableManager.tsx b/packages/react-moveable/src/MoveableManager.tsx
@@ -55,6 +55,7 @@ export default class MoveableManager<T = {}>
         parentPosition: null,
         portalContainer: null,
         useResizeObserver: false,
+        preventDefault: true,
         linePadding: 0,
         controlPadding: 0,
         ables: [],
diff --git a/packages/react-moveable/src/ables/Default.ts b/packages/react-moveable/src/ables/Default.ts
@@ -31,6 +31,7 @@ export default {
         linePadding: Boolean,
         displayAroundControls: Boolean,
         controlPadding: Number,
+        preventDefault: Boolean,
     } as const,
     events: {
         onChangeTargets: "changeTargets",
diff --git a/packages/react-moveable/src/gesto/getAbleGesto.ts b/packages/react-moveable/src/gesto/getAbleGesto.ts
@@ -143,7 +143,7 @@ export function triggerAble(
             able.unset && able.unset(moveable);
         });
     }
-    if (isStart && !isForceEnd && !isRequest && isUpdate) {
+    if (isStart && !isForceEnd && !isRequest && isUpdate && moveable.props.preventDefault) {
         e?.preventDefault();
     }
     if (moveable.isUnmounted || isForceEnd) {
@@ -215,9 +215,10 @@ export function getAbleGesto(
         preventClickEventOnDrag,
         preventClickDefault,
         checkInput,
+        preventDefault = true,
     } = moveable.props;
     const options: GestoOptions = {
-        preventDefault: true,
+        preventDefault,
         preventRightClick: true,
         preventWheelClick: true,
         container: window,
diff --git a/packages/react-moveable/src/types.ts b/packages/react-moveable/src/types.ts
@@ -156,6 +156,12 @@ export interface DefaultOptions {
      * @default false
      */
     stopPropagation?: boolean;
+    /**
+     * Whether to call preventDefault on touchstart or mousedown
+     * @since 0.44.0
+     * @default true
+     */
+    preventDefault?: boolean;
     /**
      * Prevent click event on drag. (mousemove, touchmove)
      * @default true
