From c5ea122cf44ea42077f1e873e32406ebb153e713 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Fri, 11 Jul 2025 12:03:30 +0700
Subject: [PATCH] shape free form resizing

---
 .../editor3d/app/src/pages/PageDraw/PaintSurface.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/apps/editor3d/app/src/pages/PageDraw/PaintSurface.tsx b/frontend/apps/editor3d/app/src/pages/PageDraw/PaintSurface.tsx
index 0c9690f6bf..375b545411 100644
--- a/frontend/apps/editor3d/app/src/pages/PageDraw/PaintSurface.tsx
+++ b/frontend/apps/editor3d/app/src/pages/PageDraw/PaintSurface.tsx
@@ -1162,6 +1162,11 @@ export const PaintSurface = ({
       const isSelected = selectedNodeIds.includes(node.id);
       if (!isSelected) return null;
 
+      const isShape =
+        node.type === "rectangle" ||
+        node.type === "circle" ||
+        node.type === "triangle";
+
       return (
         <Transformer
           key={`transformer-${node.id}`}
@@ -1189,10 +1194,10 @@ export const PaintSurface = ({
             "bottom-right",
           ]}
           rotateEnabled={true}
-          keepRatio={true}
+          keepRatio={!isShape}
           centeredScaling={true}
           padding={5}
-          shiftBehavior="inverted"
+          shiftBehavior={isShape ? "normal" : "inverted"}
           ignoreStroke={true}
           onTransformEnd={(e: Konva.KonvaEventObject<Event>) => {
             const konvaNode = e.target;