diff --git a/src/components/image-editor/index.tsx b/src/components/image-editor/index.tsx
index 62eb324f..afb0cf33 100644
--- a/src/components/image-editor/index.tsx
+++ b/src/components/image-editor/index.tsx
@@ -494,6 +494,14 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = ({
     };
   }, []);
 
+  useEffect(() => {
+    if (disabled) {
+      overlayCanvasRef.current!.style.pointerEvents = 'none';
+    } else {
+      overlayCanvasRef.current!.style.pointerEvents = 'auto';
+    }
+  }, [disabled]);
+
   return (
     <div className="editor-wrapper">
       <div className="flex-between">