From 6b40202b997aed136f4a26d397ee8071e65b09cc Mon Sep 17 00:00:00 2001
From: Robert Rosman <robert.rosman@zmartagroup.com>
Date: Sun, 9 Jun 2024 07:01:33 +0200
Subject: [PATCH] fix: handle negative values for textarea width/height

---
 src/composables/tools/useTextarea/useTextarea.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/composables/tools/useTextarea/useTextarea.ts b/src/composables/tools/useTextarea/useTextarea.ts
index e9535c7..0815056 100644
--- a/src/composables/tools/useTextarea/useTextarea.ts
+++ b/src/composables/tools/useTextarea/useTextarea.ts
@@ -107,10 +107,10 @@ export function useTextarea({
 
   const ShapeSvgComponent = createShapeSvgComponent<Textarea>((textarea, { isActive }) =>
     h('foreignObject', {
-      x: textarea.x,
-      y: textarea.y,
-      width: textarea.width,
-      height: textarea.height,
+      x: textarea.width > 0 ? textarea.x : textarea.x + textarea.width,
+      y: textarea.height > 0 ? textarea.y : textarea.y + textarea.height,
+      width: Math.abs(textarea.width),
+      height: Math.abs(textarea.height),
     }, h('textarea', {
       class: isActive ? 'is-active textarea' : 'textarea',
       style: `font-size: ${textarea.fontSize}em; color: ${textarea.color}`,