fix: font not rendered correctly on init (#8002)

This commit is contained in:
David Luzar 2024-05-10 16:37:46 +02:00 committed by GitHub
parent 301e83805d
commit 273ba803d9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 53 additions and 64 deletions

View file

@ -98,7 +98,7 @@ export const mutateElement = <TElement extends Mutable<ExcalidrawElement>>(
element.updated = getUpdatedTimestamp();
if (informMutation) {
Scene.getScene(element)?.informMutation();
Scene.getScene(element)?.triggerUpdate();
}
return element;
@ -107,6 +107,8 @@ export const mutateElement = <TElement extends Mutable<ExcalidrawElement>>(
export const newElementWith = <TElement extends ExcalidrawElement>(
element: TElement,
updates: ElementUpdate<TElement>,
/** pass `true` to always regenerate */
force = false,
): TElement => {
let didChange = false;
for (const key in updates) {
@ -123,7 +125,7 @@ export const newElementWith = <TElement extends ExcalidrawElement>(
}
}
if (!didChange) {
if (!didChange && !force) {
return element;
}

View file

@ -876,7 +876,7 @@ export const resizeMultipleElements = (
}
}
Scene.getScene(elementsAndUpdates[0].element)?.informMutation();
Scene.getScene(elementsAndUpdates[0].element)?.triggerUpdate();
};
const rotateMultipleElements = (
@ -938,7 +938,7 @@ const rotateMultipleElements = (
}
});
Scene.getScene(elements[0])?.informMutation();
Scene.getScene(elements[0])?.triggerUpdate();
};
export const getResizeOffsetXY = (

View file

@ -644,7 +644,7 @@ export const textWysiwyg = ({
};
// handle updates of textElement properties of editing element
const unbindUpdate = Scene.getScene(element)!.addCallback(() => {
const unbindUpdate = Scene.getScene(element)!.onUpdate(() => {
updateWysiwygStyle();
const isColorPickerActive = !!document.activeElement?.closest(
".color-picker-content",