@innovastudio/contentbox 1.6.40 → 1.6.42

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.40",
+  "version": "1.6.42",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.25",
+    "@innovastudio/contentbuilder": "^1.5.26",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -23660,6 +23660,10 @@ class Element$2 {
   }
 
   open() {
+    if (document.body.classList.contains('controlpanel')) ; else {
+      this.builder.controlpanel.open_(); // Force open
+    }
+
     this.dialog.style.display = 'flex';
     this.getState();
   }
@@ -25199,6 +25203,12 @@ class ControlPanel {
     this.clearPreview();
     this.breadcrumbRender(what);
 
+    if (what === 'element' || what === 'column' || what === 'row' || what === 'box' || what === 'section') {
+      if (document.body.classList.contains('controlpanel')) ; else {
+        this.open_(); // Force open
+      }
+    }
+
     if (what === 'element') {
       let element = this.activeElement;
 
@@ -113205,6 +113215,9 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         //CTRL-C
         const activeBlock = docContainer.querySelector('.is-block.active'); // always get .cloned
         if (activeBlock) {
+          const focusedElement = e.target;
+          const isEditable = focusedElement.tagName === 'INPUT' || focusedElement.tagName === 'TEXTAREA' || focusedElement.hasAttribute('contenteditable');
+          if (isEditable) return;
           this.copyBlock = activeBlock;
         }
       }
@@ -113648,6 +113661,9 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         // CMD-A or CTRL-A
         if (this.canvas && this.docContainer) {
           if (document.activeElement.tagName.toLowerCase() === 'body' || this.doc.activeElement.tagName.toLowerCase() === 'body' || document.activeElement.classList.contains('is-design-list')) {
+            const focusedElement = e.target;
+            const isEditable = focusedElement.tagName === 'INPUT' || focusedElement.tagName === 'TEXTAREA' || focusedElement.hasAttribute('contenteditable');
+            if (isEditable) return;
             const blocks = this.doc.querySelectorAll('.is-block');
             blocks.forEach(block => {
               block.classList.add('active');