Przeglądaj źródła

set textarea width based on text size ceil value

zsviczian 1 rok temu
rodzic
commit
847fd3da32
1 zmienionych plików z 2 dodań i 2 usunięć
  1. 2 2
      packages/excalidraw/element/textWysiwyg.tsx

+ 2 - 2
packages/excalidraw/element/textWysiwyg.tsx

@@ -235,7 +235,7 @@ export const textWysiwyg = ({
         font: getFontString(updatedTextElement),
         font: getFontString(updatedTextElement),
         // must be defined *after* font ¯\_(ツ)_/¯
         // must be defined *after* font ¯\_(ツ)_/¯
         lineHeight: updatedTextElement.lineHeight,
         lineHeight: updatedTextElement.lineHeight,
-        width: `${textElementWidth}px`,
+        width: `${Math.ceil(textElementWidth)}px`,
         height: `${textElementHeight}px`,
         height: `${textElementHeight}px`,
         left: `${viewportX}px`,
         left: `${viewportX}px`,
         top: `${viewportY}px`,
         top: `${viewportY}px`,
@@ -333,7 +333,7 @@ export const textWysiwyg = ({
           getBoundTextMaxWidth(container, boundTextElement),
           getBoundTextMaxWidth(container, boundTextElement),
         );
         );
         const width = getTextWidth(wrappedText, font);
         const width = getTextWidth(wrappedText, font);
-        editable.style.width = `${width}px`;
+        editable.style.width = `${Math.ceil(width)}px`;
       }
       }
     };
     };