Update cvat-ui/src/components/annotation-page/canvas/views/context-im…

…age/model/hooks/useCanvasControl.tsx Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
cvat-ai · Dec 27, 2024 · 0eea71c · 0eea71c
1 parent 245e8fb
commit 0eea71c
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/...rc/components/annotation-page/canvas/views/context-image/model/hooks/useCanvasControl.tsx b/...rc/components/annotation-page/canvas/views/context-image/model/hooks/useCanvasControl.tsx
@@ -54,15 +54,16 @@ export const useCanvasControl = (canvasRef: RefObject<HTMLCanvasElement>, fullsc
                     y: (e.clientY - dragOffset.y) / zoomLevel,
                 };
                 positionRef.current = newPosition;
-                if (animationFrameRef.current === null) {
-                    animationFrameRef.current = requestAnimationFrame(() => {
-                        if (canvasRef.current) {
-                            canvasRef.current.style.transform = `
-                                scale(${zoomLevel}) translate(${positionRef.current.x}px, ${positionRef.current.y}px)`;
-                        }
-                        animationFrameRef.current = null;
-                    });
+                if (animationFrameRef.current !== null) {
+                    cancelAnimationFrame(animationFrameRef.current);
                 }
+                animationFrameRef.current = requestAnimationFrame(() => {
+                    if (canvasRef.current) {
+                        canvasRef.current.style.transform = `
+                            scale(${zoomLevel}) translate(${positionRef.current.x}px, ${positionRef.current.y}px)`;
+                    }
+                    animationFrameRef.current = null;
+                });
             } else if (e.buttons === 2) {
                 const deltaX = e.movementX;
                 const deltaY = e.movementY;