@innovastudio/contentbox 1.6.120 → 1.6.121

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.120",
+  "version": "1.6.121",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -59,7 +59,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.117",
+    "@innovastudio/contentbuilder": "^1.5.118",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.css

@@ -1,4 +1,8 @@
-/* @import url("../icons/bootstrap-icons.min.css");  */
+/* 
+@import url("../ionicons/css/ionicons.min.css"); 
+@import url("../icons/bootstrap-icons.min.css");  
+*/
+@import url("https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.0/css/ionicons.min.css");
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
 /* IFRAME */
 .is-content-view.desktop-lg {

package/public/contentbox/contentbox.esm.js

@@ -72038,14 +72038,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();