smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: use active Excalidraw component when editing text (#3478)

Browse source 
* fix: use active excalidraw component when editing text

* changelog

* tweak
This commit is contained in:
Aakansha Doshi 2021-04-23 21:11:18 +05:30 • committed by GitHub
parent 354976e08e
commit 891ac82447
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/element/textWysiwyg.tsx
View file

@ -43,6 +43,7 @@ export const textWysiwyg = ({
getViewportCoords,
element,
canvas,
excalidrawContainer,
}: {
id: ExcalidrawElement["id"];
appState: AppState;
@ -51,6 +52,7 @@ export const textWysiwyg = ({
getViewportCoords: (x: number, y: number) => [number, number];
element: ExcalidrawElement;
canvas: HTMLCanvasElement | null;
excalidrawContainer: HTMLDivElement | null;
}) => {
const updateWysiwygStyle = () => {
const updatedElement = Scene.getScene(element)?.getElement(id);
@ -71,7 +73,7 @@ export const textWysiwyg = ({
// margin-right of parent if any
Number(
getComputedStyle(
document.querySelector(".excalidraw")!.parentNode as Element,
excalidrawContainer?.parentNode as Element,
).marginRight.slice(0, -2),
);
@ -363,7 +365,7 @@ export const textWysiwyg = ({
passive: false,
capture: true,
});
document
.querySelector(".excalidraw-textEditorContainer")!
excalidrawContainer
?.querySelector(".excalidraw-textEditorContainer")!
.appendChild(editable);
};