Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set textarea width based on text size ceil value

Browse Source
This commit is contained in:
zsviczian 2024-04-03 22:40:51 +02:00 committed by GitHub
parent 3e334a67ed
commit 847fd3da32
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/excalidraw/element/textWysiwyg.tsx
View File

@ -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`;
} }
}; };