@innovastudio/contentbox 1.4.65 → 1.4.66

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.4.65",
+  "version": "1.4.66",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.3.74",
+    "@innovastudio/contentbuilder": "^1.3.75",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -35675,14 +35675,14 @@ const renderSnippetPanel = builder => {
 
       builder.sectionDropSetup();
     },
-    onMove: evt => {
+    onMove: () => {
       let emptyinfo = builder.doc.querySelector('.row-add-initial'); // if there is empty info, remove it during snippet drag drop
       // if(emptyinfo) emptyinfo.parentNode.removeChild(emptyinfo);
 
-      if (emptyinfo) emptyinfo.style.display = 'none';
-      if (builder.sortableOnPage) if (evt.related.getBoundingClientRect().top < 0 || evt.related.getBoundingClientRect().top > window.innerHeight) {
-        return false;
-      }
+      if (emptyinfo) emptyinfo.style.display = 'none'; // if(builder.sortableOnPage) if(evt.related.getBoundingClientRect().top<0 ||
+      //     evt.related.getBoundingClientRect().top>window.innerHeight) {
+      //     return false;
+      // }
     },
     onStart: () => {
       // Remove .builder-active during dragging (because this class makes rows have border-right/left 120px)
@@ -89790,6 +89790,8 @@ class ContentBuilder {
             if (oldCss) oldCss.parentNode.removeChild(oldCss);
             this.builderStuff.insertAdjacentHTML('afterbegin', newCss);
           }
+
+          this.sectionDropSetup(); // enable drop as section (ContentBox)
         },
         onStart: () => {
           this.uo.saveForUndo(); // Even if cancelled, saveForUndo will make sure not to save if there is no change 
@@ -89798,6 +89800,8 @@ class ContentBuilder {
         },
         onEnd: () => {
           this.util.checkEmpty(); // for multiple instances check
+
+          if (this.sortableOnPage) this.sortableOnPage.destroy(); // enable drop as section (ContentBox)
         },
         onAdd: evt => {
           var itemEl = evt.item;
@@ -103670,6 +103674,9 @@ class ContentBox {
             min-height: unset !important;
             background: rgba(204, 204, 204, 0.15) !important;
         }
+        .is-wrapper > .sortable-ghost * {
+          opacity: 0 !important;
+        }
 
         /* toggle tool */
         .is-wrapper.is-clean-edit.hard-select .box-select .is-box-tool,