@innovastudio/contentbuilder 1.5.117 → 1.5.119

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.117",
+  "version": "1.5.119",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -18071,7 +18071,8 @@ const renderSnippetPanel = (builder, snippetOpen) => {
   // let safariAgent = false;
 
   let activeBuilderArea;
-  let itemHeight;
+
+  // let itemHeight;
 
   /*
   const isMobile = dom.detectMobileOrTablet();
@@ -18102,7 +18103,8 @@ const renderSnippetPanel = (builder, snippetOpen) => {
 
     sort: false,
     animation: 150,
-    onChoose: evt => {
+    onChoose: () => {
+      //evt
       // Adjust temmporary
       const newCss = `
             <style id="css-scale">
@@ -18114,7 +18116,9 @@ const renderSnippetPanel = (builder, snippetOpen) => {
                 }
             </style>
             `;
-      itemHeight = evt.item.offsetHeight;
+
+      // itemHeight = evt.item.offsetHeight;
+
       if (builder.iframe) {
         const oldCss = builder.contentStuff.querySelector('#css-scale');
         if (oldCss) oldCss.parentNode.removeChild(oldCss);
@@ -18130,16 +18134,18 @@ const renderSnippetPanel = (builder, snippetOpen) => {
       builder.util.clearPops();
       builder.hideElementTools();
     },
-    onClone: evt => {
-      // fix broken image on cloned element
-      var cloneEl = evt.clone;
-      let img = cloneEl.querySelector('img');
-      img.style.opacity = 0.0001;
-      cloneEl.style.height = itemHeight + 'px';
-      let timestamp = new Date().getTime();
-      img.src = img.src + '?' + timestamp;
-      img.style.opacity = '';
+    /*
+    onClone:  (evt) =>{
+        // fix broken image on cloned element
+        var cloneEl = evt.clone;
+        let img = cloneEl.querySelector('img');
+        img.style.opacity = 0.0001;
+        cloneEl.style.height = itemHeight + 'px';
+        let timestamp = new Date().getTime();
+        img.src = img.src+'?'+timestamp;
+        img.style.opacity = '';
     },
+    */
     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);
@@ -45527,14 +45533,24 @@ class DragDropImageUploader {
     this.isAttached = false;
   }
   _getImageUnderCursor(e) {
+    const x = e.clientX;
+    const y = e.clientY;
     const doc = this.element.ownerDocument || document;
-    const range = doc.caretRangeFromPoint ? doc.caretRangeFromPoint(e.clientX, e.clientY) : doc.caretPositionFromPoint(e.clientX, e.clientY);
-    if (!range) return null;
-    const node = range.startContainer.nodeType === 1 ? range.startContainer : range.startContainer.parentElement;
     if (this.element.getAttribute('id') === 'divImageResizer') {
       return this.builder.activeImage;
     }
-    return node.tagName === 'IMG' ? node : node.querySelector && node.querySelector('img');
+
+    // Use elementFromPoint for reliability across browsers
+    const elementAtPoint = doc.elementFromPoint(x, y);
+    if (!elementAtPoint) return null;
+
+    // If the element itself is an image, return it
+    if (elementAtPoint.tagName === 'IMG') {
+      return elementAtPoint;
+    }
+
+    // Otherwise, check if it contains an image (e.g., inside a div, anchor, etc.)
+    return elementAtPoint.querySelector && elementAtPoint.querySelector('img');
   }
   async _onDrop(e) {
     e.preventDefault();