ngx-xtroedge-cms 1.4.1 → 1.4.4

package/dist/index.js

@@ -423,28 +423,6 @@ body.lcms-editing [data-cms] {
   -webkit-user-select: text !important;
   cursor: text !important;
 }
-
-/* Force text selection on buttons and other elements */
-body.lcms-editing button[contenteditable="true"],
-body.lcms-editing a[contenteditable="true"],
-body.lcms-editing [contenteditable="true"] {
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-  cursor: text !important;
-  pointer-events: auto !important;
-}
-
-/* Prevent button default behavior in edit mode */
-body.lcms-editing button[contenteditable="true"] {
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  outline: revert;
-}
 `;
 
 // src/xtroedge-cms.ts
@@ -1379,11 +1357,6 @@ var _XtroedgeCMS = class _XtroedgeCMS {
       const inAnchor = el.tagName === "A" || !!e.target.closest("a");
       if (inAnchor) {
         e.preventDefault();
-        const selection = window.getSelection();
-        const hasSelection = selection && selection.toString().length > 0;
-        if (!hasSelection) {
-          focusEditableEnd();
-        }
       }
     };
     const sectionSlug = el.getAttribute("data-cms-section") || this.currentSlug;
@@ -1417,37 +1390,21 @@ var _XtroedgeCMS = class _XtroedgeCMS {
   }
   enableElementEdit(el, _key, blurH, keyH, inputH, clickH) {
     const val = this.getPageText(_key);
-    if (val) this.setElementContent(el, val);
+    if (val && document.activeElement !== el) {
+      this.setElementContent(el, val);
+    }
     el.setAttribute("contenteditable", "true");
     el.style.setProperty("outline", `2px dashed ${this.highlightColor}`, "important");
     el.style.setProperty("outline-offset", "-2px", "important");
     el.style.cursor = "text";
     el.style.transition = "background 0.2s";
     el.style.minWidth = "20px";
-    const isButton = el.tagName === "BUTTON" || el.tagName === "A";
-    if (isButton) {
-      el.style.setProperty("user-select", "text", "important");
-      el.style.setProperty("-webkit-user-select", "text", "important");
-      el.style.setProperty("-moz-user-select", "text", "important");
-      el.style.setProperty("pointer-events", "auto", "important");
-    }
     el.addEventListener("blur", blurH);
     el.addEventListener("keydown", keyH);
     el.addEventListener("input", inputH);
     el.addEventListener("click", clickH, true);
-    if (!isButton) {
-      el.addEventListener("mousedown", _XtroedgeCMS.stopProp, true);
-      el.addEventListener("touchstart", _XtroedgeCMS.stopProp, true);
-    } else {
-      const buttonMouseDownHandler = (e) => {
-        const isTextSelection = window.getSelection()?.toString().length || 0;
-        if (!isTextSelection) {
-          e.stopPropagation();
-        }
-      };
-      el.addEventListener("mousedown", buttonMouseDownHandler, true);
-      el.dataset.cmsButtonHandler = "true";
-    }
+    el.addEventListener("mousedown", _XtroedgeCMS.stopProp, true);
+    el.addEventListener("touchstart", _XtroedgeCMS.stopProp, true);
     el.addEventListener("focus", () => this.showRichToolbar(el));
   }
   disableElementEdit(el, _key, blurH, keyH, inputH, clickH) {
@@ -1457,13 +1414,6 @@ var _XtroedgeCMS = class _XtroedgeCMS {
     el.style.cursor = "";
     el.style.transition = "";
     el.style.minWidth = "";
-    const isButton = el.tagName === "BUTTON" || el.tagName === "A";
-    if (isButton) {
-      el.style.removeProperty("user-select");
-      el.style.removeProperty("-webkit-user-select");
-      el.style.removeProperty("-moz-user-select");
-      el.style.removeProperty("pointer-events");
-    }
     const val = this.getPageText(_key);
     if (val) this.setElementContent(el, val);
     el.removeEventListener("blur", blurH);
@@ -1472,9 +1422,6 @@ var _XtroedgeCMS = class _XtroedgeCMS {
     el.removeEventListener("click", clickH, true);
     el.removeEventListener("mousedown", _XtroedgeCMS.stopProp, true);
     el.removeEventListener("touchstart", _XtroedgeCMS.stopProp, true);
-    if (el.dataset.cmsButtonHandler) {
-      delete el.dataset.cmsButtonHandler;
-    }
   }
   applyEditMode(editMode) {
     document.body.classList.toggle("lcms-editing", editMode);
@@ -1488,9 +1435,6 @@ var _XtroedgeCMS = class _XtroedgeCMS {
         const isManagedImage = !!imageTarget && this.managedImages.has(imageTarget);
         const isManagedTarget = isManagedEditable || isManagedImage || !!editable || !!imageTarget;
         if (isManagedTarget) {
-          if (isManagedEditable && editable) {
-            this.focusEditableEnd(editable);
-          }
           e.stopPropagation();
           const anchor = target.closest("a");
           if (anchor) e.preventDefault();