Merge pull request #31 from FlowFuse/30-scrollbars-not-updated-when-z…

…oomed-inout Fix scrollbars not updated when zoomed inout
FlowFuse · May 16, 2024 · 5ba9a50 · 5ba9a50
2 parents ab2beee + 898ab1c
commit 5ba9a50
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 10 deletions.
diff --git a/index.js b/index.js
@@ -617,13 +617,15 @@ const FlowRenderer = (function () {
     function getScale(svg) {
         return parseFloat(svg.getAttribute('_scale_current') || 1)
     }
-    function updateScale(svg, scale, setAsDefault = false) {
-        svg.setAttribute('transform', `scale(${scale})`)
-        svg.style.width = `${8000 * scale}px`
-        svg.style.height = `${8000 * scale}px`
-        svg.setAttribute('_scale_current', scale)
+
+    function updateScale(mainSvgGroup, scale, setAsDefault = false) {
+        mainSvgGroup.setAttribute('transform', `scale(${scale})`)
+        const svg = mainSvgGroup.ownerSVGElement
+        svg.style.width = `${8000 * scale}px` // cause scrollbars to size correctly
+        svg.style.height = `${8000 * scale}px` // cause scrollbars to size correctly
+        mainSvgGroup.setAttribute('_scale_current', scale)
         if (setAsDefault) {
-            svg.setAttribute('_scale_original', scale)
+            mainSvgGroup.setAttribute('_scale_original', scale)
         }
     }
 

diff --git a/index.min.js b/index.min.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@flowfuse/flow-renderer",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "description": "Node-RED flow renderer",
     "main": "index.js",
     "scripts": {