feat: increased the capture area for dragging

uploadcare · Sep 19, 2024 · 9ae232c · 9ae232c
1 parent c915f71
commit 9ae232c
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/blocks/CloudImageEditor/src/CropFrame.js b/blocks/CloudImageEditor/src/CropFrame.js
@@ -151,10 +151,10 @@ export class CropFrame extends Block {
 
       if (isCenter) {
         const moveThumbRect = {
-          x: x + width / 3,
-          y: y + height / 3,
-          width: width / 3,
-          height: height / 3,
+          x: x + THUMB_CORNER_SIZE,
+          y: y + THUMB_CORNER_SIZE,
+          width: width - THUMB_CORNER_SIZE * 2,
+          height: height - THUMB_CORNER_SIZE * 2,
         };
         setSvgNodeAttrs(interactionNode, moveThumbRect);
       } else {
@@ -303,6 +303,8 @@ export class CropFrame extends Block {
 
     let frameThumbs = this._createThumbs();
     for (let { groupNode } of Object.values(frameThumbs)) {
+      console.log({ groupNode });
+
       fr.appendChild(groupNode);
     }