fix: add dragFcousedInput prop

daybrush · May 1, 2023 · e96f9fc · e96f9fc
1 parent ad8b962
commit e96f9fc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/react-moveable/src/ables/Default.ts b/packages/react-moveable/src/ables/Default.ts
@@ -9,6 +9,7 @@ export default {
         "useResizeObserver",
         "useMutationObserver",
         "zoom",
+        "dragFocusedInput",
         "transformOrigin",
         "edge",
         "ables",

diff --git a/packages/react-moveable/stories/5-Snap&Bound/0-Snap&Bound.stories.tsx b/packages/react-moveable/stories/5-Snap&Bound/0-Snap&Bound.stories.tsx
@@ -145,6 +145,20 @@ export const SnapMaxiumDistance = add("Set maximum distance for guidelines", {
 export const SnapElementsGroup = add("Snap Elements (group)", {
     app: require("./ReactSnapElementsGroupApp").default,
     path: require.resolve("./ReactSnapElementsGroupApp"),
+    play: async ({ canvasElement }) => {
+        await wait();
+        const moveable = canvasElement.querySelector<HTMLElement>(".moveable-control-box")!;
+        const target = canvasElement.querySelector<HTMLElement>(".moveable-area")!;
+
+        await pan({
+            target,
+            start: [0, 0],
+            end: [-118, -118],
+            duration: 20,
+            interval: 10,
+        });
+        expect(moveable.style.transform).toBe("translate3d(-1px, -1px, 0px)");
+    },
 });