fix(zoom): fit-branch includes sidebar cards in measurements

Author: ycnmhd

src/view/components/container/toolbar-vertical/helpers/fit-branch-into-view.ts

@@ -15,17 +15,17 @@ export const fitBranchIntoView = async (view: LineageView) => {
     let result = 1;
 
     const parents = Array.from(
-        view.containerEl.querySelectorAll('.active-parent'),
+        view.container.querySelectorAll('.active-parent'),
     ) as HTMLElement[];
 
-    const activeNode = view.containerEl.querySelector(
+    const activeNode = view.container.querySelector(
         '.active-node',
     ) as HTMLElement;
     const children = Array.from(
-        view.containerEl.querySelectorAll('.active-child'),
+        view.container.querySelectorAll('.active-child'),
     ) as HTMLElement[];
     const siblings = Array.from(
-        view.containerEl.querySelectorAll('.active-sibling'),
+        view.container.querySelectorAll('.active-sibling'),
     ) as HTMLElement[];
 
     const combinedRect = getCombinedBoundingClientRect([
@@ -35,12 +35,9 @@ export const fitBranchIntoView = async (view: LineageView) => {
         ...children,
     ]);
 
-    const heightScale =
-        view.container.getBoundingClientRect().height /
-        (combinedRect.height + 100);
-    const widthScale =
-        view.container.getBoundingClientRect().width /
-        (combinedRect.width + 100);
+    const boundingClientRect = view.container.getBoundingClientRect();
+    const heightScale = boundingClientRect.height / (combinedRect.height + 100);
+    const widthScale = boundingClientRect.width / (combinedRect.width + 100);
 
     result = Math.min(heightScale, widthScale);
 

src/view/components/container/toolbar-vertical/helpers/fit-document-height-into-view.ts

@@ -12,7 +12,7 @@ export const fitDocumentHeightIntoView = async (view: LineageView) => {
         payload: { value: 1 },
     });
     const columns = Array.from(
-        view.containerEl.querySelectorAll('.column'),
+        view.container.querySelectorAll('.column'),
     ) as HTMLElement[];
     let result = 1;
     if (columns.length) {
@@ -27,10 +27,9 @@ export const fitDocumentHeightIntoView = async (view: LineageView) => {
         const width = getCombinedBoundingClientRect(columns).width;
 
         // eslint-disable-next-line no-undef
-        const heightScale =
-            view.container.getBoundingClientRect().height / (height + 100);
-        const widthScale =
-            view.container.getBoundingClientRect().width / (width + 100);
+        const boundingClientRect = view.container.getBoundingClientRect();
+        const heightScale = boundingClientRect.height / (height + 100);
+        const widthScale = boundingClientRect.width / (width + 100);
 
         result = Math.min(heightScale, widthScale);
     }