@innovastudio/contentbuilder 1.5.30 → 1.5.31

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.30",
+  "version": "1.5.31",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -83411,6 +83411,37 @@ class Draggable {
     }
   }
   updateBlockStyle(target) {
+    // Block placement should must not 50% outside the container
+    const container = target.closest('.box-canvas');
+    let containerHeight = container.offsetHeight;
+    let containerWidth = container.offsetWidth;
+    /*
+    if(target.offsetTop + target.offsetHeight>=containerHeight) {
+        target.style.top = containerHeight-target.offsetHeight +'px';
+    }
+    if(target.offsetTop<=0) {
+        target.style.top = '0px';
+    }
+    if(target.offsetLeft + target.offsetWidth>=åcontainerWidth) {
+        target.style.left = (containerWidth-target.offsetWidth) +'px';
+    }
+    if(target.offsetLeft<=0) {
+        target.style.left = '0px';
+    }
+    */
+    if (target.offsetTop + target.offsetHeight <= target.offsetHeight / 2) {
+      target.style.top = '0px';
+    }
+    if (containerHeight - target.offsetTop <= target.offsetHeight / 2) {
+      target.style.top = containerHeight - target.offsetHeight + 'px';
+    }
+    if (target.offsetLeft + target.offsetWidth <= target.offsetWidth / 2) {
+      target.style.left = '0px';
+    }
+    if (containerWidth - target.offsetLeft <= target.offsetWidth / 2) {
+      target.style.left = containerWidth - target.offsetWidth + 'px';
+    }
+
     // Replace with ruler's alignment
     if (this.ruler.rulerTop !== null) target.style.top = this.ruler.rulerTop + 'px';
     if (this.ruler.rulerBottom !== null) target.style.top = this.ruler.rulerBottom - target.offsetHeight + 'px'; //new