@contentful/experiences-visual-editor-react 3.0.1-dev-20250807T0745-c928267.0 → 3.1.0-dev-20250807T0841-78e6af6.0

package/dist/index.js

@@ -2869,6 +2869,7 @@ const OUTGOING_EVENTS = {
     SDKFeatures: 'sdkFeatures',
     RequestEntities: 'REQUEST_ENTITIES',
     CanvasGeometryUpdated: 'canvasGeometryUpdated',
+    CanvasPan: 'canvasPan',
 };
 const INCOMING_EVENTS = {
     RequestEditorMode: 'requestEditorMode',
@@ -4931,6 +4932,22 @@ const useCanvasGeometryUpdates = ({ tree }) => {
             isCurrent = false;
         };
     }, [allImages, loadedImages, debouncedUpdateGeometry]);
+    // Delegate scrolling to the canvas
+    useEffect(() => {
+        const onWheel = (e) => {
+            e.preventDefault();
+            sendMessage(OUTGOING_EVENTS.CanvasPan, {
+                ctrlKey: e.ctrlKey,
+                metaKey: e.metaKey,
+                clientX: e.clientX,
+                clientY: e.clientY,
+                deltaX: e.deltaX,
+                deltaY: e.deltaY,
+            });
+        };
+        document.addEventListener('wheel', onWheel, { passive: false });
+        return () => document.removeEventListener('wheel', onWheel);
+    }, []);
 };
 
 const RootRenderer = ({ inMemoryEntitiesStore }) => {