From b294d542afcf06588261b7269140e0fcb4215306 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 21 Jul 2020 08:13:26 +0200
Subject: [PATCH] Disable component drag on preview. Closes #2904

---
 src/commands/view/Preview.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/commands/view/Preview.js b/src/commands/view/Preview.js
index 0693da0aa..fecca5c60 100644
--- a/src/commands/view/Preview.js
+++ b/src/commands/view/Preview.js
@@ -11,12 +11,21 @@ export default {
     return this.panels;
   },
 
+  preventDrag(opts) {
+    opts.abort = 1;
+  },
+
   tglPointers(editor, val) {
     const body = editor.Canvas.getBody();
     const elP = body.querySelectorAll(`.${this.ppfx}no-pointer`);
     each(elP, item => (item.style.pointerEvents = val ? '' : 'all'));
   },
 
+  tglEffects(on) {
+    const mthEv = on ? 'on' : 'off';
+    this.em[mthEv]('run:tlb-move:before', this.preventDrag);
+  },
+
   run(editor, sender) {
     this.sender = sender;
 
@@ -53,6 +62,7 @@ export default {
     canvasS.padding = '0';
     canvasS.margin = '0';
     editor.refresh();
+    this.tglEffects(1);
   },
 
   stop(editor) {
@@ -77,5 +87,6 @@ export default {
 
     editor.refresh();
     this.tglPointers(editor, 1);
+    this.tglEffects();
   }
 };