The order of code prevented hasZoom and hasPan from being respected (#…

…126) Co-authored-by: Justin White <juwhite@pavlovmedia.com>
PierreCapo · Oct 22, 2023 · 3eb6516 · 3eb6516
1 parent ec7afe7
commit 3eb6516
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/treeviz/src/initializeSVG.ts b/packages/treeviz/src/initializeSVG.ts
@@ -35,6 +35,14 @@ export const initiliazeSVG = (treeConfig: ITreeConfig) => {
     .attr("width", areaWidth)
     .attr("height", areaHeight);
 
+  // Create a G container and move it according to the Zoom Behavior attached to the main <svg> element
+  const ZoomContainer = svg.append("g");
+  const zoom = d3.zoom().on("zoom", (e) => {
+    ZoomContainer.attr("transform", () => e.transform);
+  });
+  // @ts-ignore
+  svg.call(zoom);
+
   const [allowHasPan, allowHasZoom] = getHasPanAndZoom(
     hasPanAndZoom,
     hasPan,
@@ -58,14 +66,6 @@ export const initiliazeSVG = (treeConfig: ITreeConfig) => {
       .on("dblclick.zoom", null);
   }
 
-  // Create a G container and move it according to the Zoom Behavior attached to the main <svg> element
-  const ZoomContainer = svg.append("g");
-  const zoom = d3.zoom().on("zoom", (e) => {
-    ZoomContainer.attr("transform", () => e.transform);
-  });
-  // @ts-ignore
-  svg.call(zoom);
-
   const MainG = ZoomContainer.append("g").attr(
     "transform",
     mainAxisNodeSpacing === "auto"