From 826b920e2251a7700b930272fadf66c3f2056e39 Mon Sep 17 00:00:00 2001
From: simao8antunes <simao8antunes@gmail.com>
Date: Wed, 23 Apr 2025 11:09:21 +0100
Subject: [PATCH] bigger rotation hitbox

---
 packages/element/src/transformHandles.ts | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/element/src/transformHandles.ts b/packages/element/src/transformHandles.ts
index f2b0cd278..d44ccf868 100644
--- a/packages/element/src/transformHandles.ts
+++ b/packages/element/src/transformHandles.ts
@@ -141,8 +141,8 @@ export const getTransformHandlesFromCoords = (
   spacing = DEFAULT_TRANSFORM_HANDLE_SPACING,
 ): TransformHandles => {
   const size = transformHandleSizes[pointerType];
-  const handleWidth = size / zoom.value;
-  const handleHeight = size / zoom.value;
+  const handleWidth = (size) / zoom.value;
+  const handleHeight = (size) / zoom.value;
 
   const handleMarginX = size / zoom.value;
   const handleMarginY = size / zoom.value;
@@ -200,14 +200,10 @@ export const getTransformHandlesFromCoords = (
     rotation: omitSides.rotation
       ? undefined
       : generateTransformHandle(
-          x1 + width / 2 - handleWidth / 2,
-          y1 -
-            dashedLineMargin -
-            handleMarginY +
-            centeringOffset -
-            ROTATION_RESIZE_HANDLE_GAP / zoom.value,
-          handleWidth,
-          handleHeight,
+          (x1 + width / 2 - handleWidth / 2) - handleWidth,
+          (y1 - dashedLineMargin - handleMarginY + centeringOffset - ROTATION_RESIZE_HANDLE_GAP / zoom.value) - handleHeight,
+          handleWidth * 2,
+          handleHeight * 2,
           cx,
           cy,
           angle,