@innovastudio/contentbuilder 1.2.16 → 1.2.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.2.16",
+  "version": "1.2.17",
   "type": "module",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",

package/public/contentbuilder/contentbuilder.esm.js

@@ -21616,16 +21616,15 @@ const renderSnippetPanel = builder => {
     animation: 150,
     onChoose: () => {
       // Make moving draggable item scaled & positioned correctly (due to zoom value)
-      const newCss = `
-            <style id="css-scale">
-                .sortable-drag::before {
-                    transform: scale(1);
-                }
-            </style>
-            `;
+      // const newCss = `
+      // <style id="css-scale">
+      //     .sortable-drag::before {
+      //         transform: scale(1);
+      //     }
+      // </style>
+      // `;
       const oldCss = builder.contentStuff.querySelector('#css-scale');
-      if (oldCss) oldCss.parentNode.removeChild(oldCss);
-      builder.contentStuff.insertAdjacentHTML('afterbegin', newCss);
+      if (oldCss) oldCss.parentNode.removeChild(oldCss); // builder.contentStuff.insertAdjacentHTML('afterbegin', newCss);
     },
     onMove: () => {
       let emptyinfo = document.querySelector('.row-add-initial'); // if there is empty info, remove it during snippet drag drop
@@ -70203,9 +70202,17 @@ class ContentBuilder {
         // & comment the direction setting above
         onChoose: () => {
           // Get zoom (scale) value
-          const area = this.doc.querySelector('.is-builder'); // get one of the builder area
+          let scale;
+
+          if (this.opts.page !== '') {
+            const wrapper = this.doc.querySelector(this.opts.page);
+            scale = dom.getScale(wrapper);
+          } else {
+            const area = this.doc.querySelector('.is-builder'); // get one of the builder area
+
+            scale = dom.getScale(area);
+          } // Make moving draggable item scaled & positioned correctly (due to zoom value)
 
-          const scale = dom.getScale(area); // Make moving draggable item scaled & positioned correctly (due to zoom value)
 
           const newCss = `
                     <style id="css-scale">