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

onInput

Browse Source
This commit is contained in:
zsviczian 2023-03-06 22:24:00 +01:00
parent da06e8ad27
commit cfb9f8d8c7
1 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/element/textWysiwyg.tsx
View File

@ -350,7 +350,26 @@ export const textWysiwyg = ({
overflowWrap: "break-word",
boxSizing: "content-box",
});
const onEditableInput = () => {
const updatedTextElement = Scene.getScene(element)?.getElement(
id,
) as ExcalidrawTextElement;
const font = getFontString(updatedTextElement);
if (isBoundToContainer(element)) {
const container = getContainerElement(element);
const wrappedText = wrapText(
normalizeText(editable.value),
font,
getMaxContainerWidth(container!),
);
const { width, height } = measureText(wrappedText, font);
editable.style.width = `${width}px`;
editable.style.height = `${height}px`;
}
};
updateWysiwygStyle();
onEditableInput();
if (onChange) {
editable.onpaste = async (event) => {
@ -380,21 +399,7 @@ export const textWysiwyg = ({
};
editable.oninput = () => {
const updatedTextElement = Scene.getScene(element)?.getElement(
id,
) as ExcalidrawTextElement;
const font = getFontString(updatedTextElement);
if (isBoundToContainer(element)) {
const container = getContainerElement(element);
const wrappedText = wrapText(
normalizeText(editable.value),
font,
getMaxContainerWidth(container!),
);
const { width, height } = measureText(wrappedText, font);
editable.style.width = `${width}px`;
editable.style.height = `${height}px`;
}
onEditableInput();
onChange(normalizeText(editable.value));
};
}