gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-26 02:24:23 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

fix(mermaid): one more case of "Matrix is not inversible"

Browse Source
This commit is contained in:
Elian Doran 2025-11-25 08:55:17 +02:00
parent c16f9af6a9
commit 219753039d
No known key found for this signature in database
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/widgets/type_widgets/helpers/SvgSplitEditor.tsx
View File

@ -136,12 +136,16 @@ function useResizer(containerRef: RefObject<HTMLDivElement>, noteId: string, svg
const lastPanZoom = useRef<{ pan: SvgPanZoom.Point, zoom: number }>();
const lastNoteId = useRef<string>();
const zoomRef = useRef<SvgPanZoom.Instance>();
const width = useElementSize(containerRef);
// Set up pan & zoom.
useEffect(() => {
if (zoomRef.current || width?.width === 0) return;
const shouldPreservePanZoom = (lastNoteId.current === noteId);
const svgEl = containerRef.current?.querySelector("svg");
if (!svgEl) return;
const zoomInstance = svgPanZoom(svgEl, {
zoomEnabled: true,
controlIconsEnabled: false
@ -163,14 +167,14 @@ function useResizer(containerRef: RefObject<HTMLDivElement>, noteId: string, svg
pan: zoomInstance.getPan(),
zoom: zoomInstance.getZoom()
}
zoomRef.current = undefined;
zoomInstance.destroy();
};
}, [ svg ]);
}, [ svg, width ]);
// React to container changes.
const width = useElementSize(containerRef);
useEffect(() => {
if (!zoomRef.current || (width?.width ?? 0) === 0) return;
if (!zoomRef.current || (width?.width ?? 0) < 1) return;
zoomRef.current.resize().fit().center();
}, [ width ]);