From 847fd3da32780871d4a1cf20d18a2087215ecccf Mon Sep 17 00:00:00 2001 From: zsviczian Date: Wed, 3 Apr 2024 22:40:51 +0200 Subject: [PATCH] set textarea width based on text size ceil value --- packages/excalidraw/element/textWysiwyg.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/excalidraw/element/textWysiwyg.tsx b/packages/excalidraw/element/textWysiwyg.tsx index 7dfdbc615..1ec04031a 100644 --- a/packages/excalidraw/element/textWysiwyg.tsx +++ b/packages/excalidraw/element/textWysiwyg.tsx @@ -235,7 +235,7 @@ export const textWysiwyg = ({ font: getFontString(updatedTextElement), // must be defined *after* font ¯\_(ツ)_/¯ lineHeight: updatedTextElement.lineHeight, - width: `${textElementWidth}px`, + width: `${Math.ceil(textElementWidth)}px`, height: `${textElementHeight}px`, left: `${viewportX}px`, top: `${viewportY}px`, @@ -333,7 +333,7 @@ export const textWysiwyg = ({ getBoundTextMaxWidth(container, boundTextElement), ); const width = getTextWidth(wrappedText, font); - editable.style.width = `${width}px`; + editable.style.width = `${Math.ceil(width)}px`; } };