From 6d071a8a132d4f6f2d89fda4e681ba0a5651c0e1 Mon Sep 17 00:00:00 2001
From: zsviczian <viczian.zsolt@gmail.com>
Date: Mon, 6 Mar 2023 21:28:48 +0100
Subject: [PATCH] magicOffset

---
 src/element/textWysiwyg.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index bbe87ed23..8070cd7e8 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -277,6 +277,9 @@ export const textWysiwyg = ({
         // As firefox, Safari needs little higher dimensions on DOM
         textElementWidth += 0.5;
       }
+      const magicOffset = excalidrawContainer
+        ? parseFloat(getComputedStyle(excalidrawContainer).fontSize)
+        : 16;
       // Make sure text editor height doesn't go beyond viewport
       const editorMaxHeight =
         (appState.height - viewportY) / appState.zoom.value;
@@ -284,9 +287,9 @@ export const textWysiwyg = ({
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
         lineHeight: `${lineHeight}px`,
-        width: `${textElementWidth}px`,
+        width: `${textElementWidth+magicOffset*2}px`,
         height: `${textElementHeight}px`,
-        left: `${viewportX}px`,
+        left: `${viewportX-magicOffset}px`,
         top: `${viewportY}px`,
         transform: getTransform(
           textElementWidth,