@websline/cms-view-utils 0.14.0 → 0.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/cms-view-utils",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "type": "module",
   "exports": {
     ".": "./src/index.js"

package/src/styles/drag-drop-blocks.css

@@ -38,7 +38,7 @@
 	display: none;
 	color: inherit;
 	position: absolute;
-	top: 0;
+	top: -5px;
 	left: 0;
 	overflow: hidden;
 	transform: translate(0, -100%);

package/src/utils/dragDropUtils.js

@@ -38,6 +38,11 @@ const enableEditBlocks = () => {
 
 	editBlocks.forEach((el) => {
 		el.addEventListener("mouseover", () => {
+			// check if dragging is in progress
+			if (document.body.classList.contains("cms-editor-is-dragging")) {
+				return;
+			}
+
 			clearTimeout(timeoutId);
 
 			if (activeBlock && activeBlock !== el) {

package/src/utils/iframeDragHandler.js

@@ -43,6 +43,7 @@ class IframeDragHandler {
 		this.addMouseFollowerHandler();
 		this.highlightDropzone();
 		this.addDropListeners();
+		this.addDraggingClass();
 		window.addEventListener("scroll", this.handleScroll, true);
 	}
 
@@ -52,6 +53,7 @@ class IframeDragHandler {
 		this.removeMouseFollowerHandler();
 		this.unhighlightDropzone();
 		this.removeDropListeners();
+		this.removeDraggingClass();
 		window.removeEventListener("scroll", this.handleScroll, true);
 		this.lastMouseEvent = null;
 	}
@@ -205,6 +207,14 @@ class IframeDragHandler {
 			dropzone.classList.remove("highlight");
 		});
 	}
+
+	addDraggingClass() {
+		document.body.classList.add("cms-editor-is-dragging");
+	}
+
+	removeDraggingClass() {
+		document.body.classList.remove("cms-editor-is-dragging");
+	}
 }
 
 export default IframeDragHandler;