@innovastudio/contentbuilder 1.4.141 → 1.4.143

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -18282,8 +18282,8 @@ const renderSnippetPanel = (builder, snippetOpen) => {
             obj.destroy();
           }
         });
-        if (builder.sortableOnPage) builder.sortableOnPage.destroy();
       }
+      if (builder.sortableOnPage) builder.sortableOnPage.destroy();
       let dummies = builder.doc.querySelectorAll('.block-dummy');
       dummies.forEach(elm => elm.parentNode.removeChild(elm));
     }
@@ -77334,16 +77334,16 @@ class ContentBuilder {
             // Hide element tool
             this.elmTool.hide();
 
-            // destroy
-            if (this.sortableOnCanvas) {
-              this.sortableOnCanvas.forEach(obj => {
-                if (obj) {
-                  obj.destroy();
-                }
-              });
-              let dummies = this.doc.querySelectorAll('.block-dummy');
-              dummies.forEach(elm => elm.parentNode.removeChild(elm));
-            }
+            // // destroy
+            // if(this.sortableOnCanvas) {
+            //     this.sortableOnCanvas.forEach(obj=>{
+            //         if(obj) {
+            //             obj.destroy();
+            //         }
+            //     });
+            //     let dummies = this.doc.querySelectorAll('.block-dummy');
+            //     dummies.forEach(elm=>elm.parentNode.removeChild(elm));
+            // }
 
             // if(this.sortableOnPage) this.sortableOnPage.destroy();
           }
@@ -79989,7 +79989,14 @@ class ContentBuilder {
   sectionDropSetup() {
     if (this.blockContainer) {
       this.sortableOnCanvas = [];
-      const boxes = this.doc.querySelectorAll(this.blockContainer);
+      let wrapper;
+      let boxes;
+      if (this.page && this.page === '.is-wrapper') {
+        wrapper = this.doc.querySelector(this.page);
+        boxes = wrapper.querySelectorAll('.is-box.box-canvas');
+      } else {
+        boxes = this.doc.querySelectorAll(this.blockContainer);
+      }
       boxes.forEach(box => {
         box.insertAdjacentHTML('afterbegin', `
                 <div class="is-block block-dummy" style="top: calc(97.2707% - 149.797px); left: calc(50% - 222px); width: 444px; height: 154px;z-index:-1000;visibility:hidden">