foss/excalidraw
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

17
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) {
lineHeight = (Math.floor(element.lineHeight * element.fontSize) /
element.fontSize) as ExcalidrawTextElement["lineHeight"];
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