From 050a635cb6ad899a80e0e8427fa3f7ae7a1e263b Mon Sep 17 00:00:00 2001
From: Paul Rill <paulrill2000@outlook.com>
Date: Fri, 31 Mar 2023 11:30:25 +0200
Subject: [PATCH] fix: resolved bug with top/left being sticky when resizing
 from l/t side

---
 src/commands/view/SelectComponent.ts |  3 +++
 src/utils/Resizer.ts                 | 12 +++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/commands/view/SelectComponent.ts b/src/commands/view/SelectComponent.ts
index 9d4378a0e8..d754fbf1fe 100644
--- a/src/commands/view/SelectComponent.ts
+++ b/src/commands/view/SelectComponent.ts
@@ -455,6 +455,9 @@ export default {
             style[keyHeight] = autoHeight ? 'auto' : `${rect.h}${unitHeight}`;
           }
 
+          style.top = rect.t + unitHeight;
+          style.left = rect.l + unitWidth;
+
           modelToStyle.addStyle({ ...style, en }, { avoidStore: !store });
           const updateEvent = 'update:component:style';
           const eventToListen = `${updateEvent}:${keyHeight} ${updateEvent}:${keyWidth}`;
diff --git a/src/utils/Resizer.ts b/src/utils/Resizer.ts
index 6f9a0c3a42..24668d8167 100644
--- a/src/utils/Resizer.ts
+++ b/src/utils/Resizer.ts
@@ -571,6 +571,8 @@ export default class Resizer {
       const elStyle = el.style as Record<string, any>;
       elStyle[keyWidth!] = rect.w + unitWidth!;
       elStyle[keyHeight!] = rect.h + unitHeight!;
+      elStyle.top = rect.t + unitHeight!;
+      elStyle.left = rect.l + unitWidth!;
     }
 
     this.updateContainer();
@@ -663,9 +665,9 @@ export default class Resizer {
     const unitHeight = this.opts.unitHeight;
     const startW = unitWidth === '%' ? (startDim.w / 100) * parentW : startDim.w;
     const startH = unitHeight === '%' ? (startDim.h / 100) * parentH : startDim.h;
-    var box = {
-      t: 0,
-      l: 0,
+    var box: RectDim = {
+      t: startDim.t,
+      l: startDim.l,
       w: startW,
       h: startH,
     };
@@ -722,10 +724,10 @@ export default class Resizer {
     }
 
     if (~attr.indexOf('l')) {
-      box.l = startDim.w - box.w;
+      box.l += startDim.w - box.w;
     }
     if (~attr.indexOf('t')) {
-      box.t = startDim.h - box.h;
+      box.t += startDim.h - box.h;
     }
 
     return box;