Append grabbing class in iframe

src/canvas/view/CanvasView.js

@@ -238,6 +238,15 @@ module.exports = Backbone.View.extend({
           cursor: -webkit-grabbing;
         }
 
+        .${ppfx}is__grabbing {
+          overflow-x: hidden;
+        }
+
+        .${ppfx}is__grabbing,
+        .${ppfx}is__grabbing * {
+          cursor: grabbing !important;
+        }
+
         ${conf.canvasCss || ''}
         ${conf.protectedCss || ''}
       `;

src/commands/view/ComponentDrag.js

@@ -416,10 +416,10 @@ module.exports = {
   toggleDrag(enable) {
     const { ppfx, editor } = this;
     const methodCls = enable ? 'add' : 'remove';
-    const canvas = this.getCanvas();
     const classes = [`${ppfx}is__grabbing`];
     const { Canvas } = editor;
-    classes.forEach(cls => canvas.classList[methodCls](cls));
+    const body = Canvas.getBody();
+    classes.forEach(cls => body.classList[methodCls](cls));
     Canvas[enable ? 'startAutoscroll' : 'stopAutoscroll']();
   }
 };

src/styles/scss/_gjs_canvas.scss

@@ -122,7 +122,7 @@ $guide_pad: 5px;
   &#{gjs-is(grab)},
   &#{gjs-is(grabbing)} {
     .#{$cv-prefix}canvas__frames {
-      pointer-events: none;
+      pointer-events: none; // Need this in multi-frame mode
     }
   }