smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

floor line height and height when dom height increases than canvas height

Browse source
This commit is contained in:
Aakansha Doshi 2023-04-05 17:33:05 +05:30
parent 7f1ef7562c
commit 8de6516823
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/element/textWysiwyg.tsx
View file

@ -36,6 +36,7 @@ import {
getMaxContainerWidth,
computeContainerDimensionForBoundText,
measureDOMHeight,
getLineHeightInPx,
splitIntoLines,
} from "./textElement";
import {
@ -278,11 +279,19 @@ export const textWysiwyg = ({
getFontString(updatedTextElement),
updatedTextElement.lineHeight,
);
let lineHeight = element.lineHeight;
if (isSafari && domHeight > textElementHeight) {
if (isSafari) {
const lineCount = splitIntoLines(element.text).length;
if (domHeight > textElementHeight) {
lineHeight = (Math.floor(element.lineHeight * element.fontSize) /
element.fontSize) as ExcalidrawTextElement["lineHeight"];
textElementHeight =
getLineHeightInPx(element.fontSize, lineHeight) * lineCount;
mutateElement(updatedTextElement, {
lineHeight,
height: textElementHeight,
});
}
}
// Make sure text editor height doesn't go beyond viewport