Fixed visual bugs

davgit · Jun 4, 2023 · ad3d6d9 · ad3d6d9
1 parent 1a49178
commit ad3d6d9
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js b/extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
@@ -622,13 +622,14 @@ onUiLoaded(async() => {
                 panSpeed = 3.5;
             }
 
-            elemData[elemId].panX =
-                elemData[elemId].panX + movementX * panSpeed;
-            elemData[elemId].panY =
-                elemData[elemId].panY + movementY * panSpeed;
+            elemData[elemId].panX += movementX * panSpeed;
+            elemData[elemId].panY += movementY * panSpeed;
 
-            targetElement.style.transform = `translate(${elemData[elemId].panX}px, ${elemData[elemId].panY}px) scale(${elemData[elemId].zoomLevel})`;
-            toggleOverlap("on");
+            // Delayed redraw of an element
+            requestAnimationFrame(() => {
+                targetElement.style.transform = `translate(${elemData[elemId].panX}px, ${elemData[elemId].panY}px) scale(${elemData[elemId].zoomLevel})`;
+                toggleOverlap("on");
+            });
         }
 
         function handleMoveByKey(e) {