leksy-editor 2.2.1 → 2.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leksy-editor",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "Leksy Editor is an alternative to traditional WYSIWYG editors, designed primarily for creating mail templates, blogs, and documents without any content manipulation.",
   "main": "index.js",
   "directories": {

package/utilities.js

@@ -3933,42 +3933,76 @@ const handleBackspaceInList = (event, core) => {
     if (!range.collapsed) return;
 
     let element = range.startContainer;
-    if (element.nodeType === Node.TEXT_NODE) element = element.parentElement;
+    if (element.nodeType === Node.TEXT_NODE) {
+        element = element.parentElement;
+    }
 
     const li = element.closest('li');
-    if (!li) return;
-
-    if (!core.elements.editor.contains(li)) return;
+    if (!li || !core.elements.editor.contains(li)) return;
 
     const nestedList = li.querySelector('ul, ol');
     if (!nestedList) return;
 
+    
+    if (!isCaretAtStart(range, li)) return;
+
+    event.preventDefault();
+
+    const parentList = li.parentElement;
+    const prevLi = li.previousElementSibling;
+
     const clone = li.cloneNode(true);
     const nestedInClone = clone.querySelector('ul, ol');
     if (nestedInClone) nestedInClone.remove();
-    const textContent = clone.textContent.replace(/\u200B/g, '').trim();
-
-    if (textContent.length > 0 && !isCaretAtStart(range, li)) return;
 
-    event.preventDefault();
+    const parentText = clone.textContent.replace(/\u200B/g, '').trim();
 
-    const parentList = li.parentElement;
     const fragment = document.createDocumentFragment();
     const children = Array.from(nestedList.children);
 
     children.forEach(child => fragment.appendChild(child));
 
-    if (children.length > 0) {
-        parentList.insertBefore(fragment, li);
-        const firstChild = children[0];
+    // Case 1: previous list item exists
+    if (prevLi) {
+
+        if (parentText.length > 0) {
+            prevLi.appendChild(document.createTextNode(parentText));
+        }
+
+        if (children.length > 0) {
+            parentList.insertBefore(fragment, li);
+        }
+
+        li.remove();
+
         const newRange = document.createRange();
-        newRange.setStart(firstChild, 0);
+        newRange.selectNodeContents(prevLi);
+        newRange.collapse(false);
+
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+    } 
+    // Case 2: first list item
+    else {
+        const span = document.createElement('span');
+        span.textContent = parentText || '';
+
+        parentList.parentElement.insertBefore(span, parentList);
+
+        if (children.length > 0) {
+            parentList.insertBefore(fragment, li);
+        }
+
+        li.remove();
+
+        const newRange = document.createRange();
+        newRange.selectNodeContents(span);
         newRange.collapse(true);
+
         selection.removeAllRanges();
         selection.addRange(newRange);
     }
 
-    li.remove();
     core.updateCaretPosition();
 };