Merge pull request #102 from hxf31891/dev

Merge Translate Changes
hxf31891 · Jul 19, 2024 · a76e5ea · a76e5ea
2 parents 1a5fda0 + a1e28cf
commit a76e5ea
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Square.tsx b/src/components/Square.tsx
@@ -100,8 +100,7 @@ const Square = () => {
         <div
           className={classes.rbgcpHandle}
           style={{
-            left: dragPos?.x,
-            top: dragPos?.y,
+             transform: `translate(${dragPos?.x || 0}px, ${dragPos?.y || 0}px)`,
           }}
           onMouseDown={handleMouseDown}
           role="button"

diff --git a/src/core.module.css b/src/core.module.css
@@ -142,6 +142,7 @@
   z-index: 1000;
   transition: all 10ms linear;
   box-sizing: border-box;
+  will-change: transform;
 }
 
 .rbgcpCanvasWrapper {