leksy-editor 2.2.1 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leksy-editor",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "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

@@ -3943,32 +3943,68 @@ const handleBackspaceInList = (event, core) => {
     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.selectNodeContents(prevLi);
+        newRange.collapse(false);
+
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+
+    }
+    else {newRange.collapse(false);
+
+        // Case 2: first list item
+        const p = document.createElement('p');
+        p.textContent = parentText;
+
+        parentList.parentElement.insertBefore(p, parentList);
+
+        if (children.length > 0) {
+            parentList.insertBefore(fragment, li);
+        }
+
+        li.remove();
+
         const newRange = document.createRange();
-        newRange.setStart(firstChild, 0);
+        newRange.selectNodeContents(p);
         newRange.collapse(true);
+
         selection.removeAllRanges();
         selection.addRange(newRange);
     }
 
-    li.remove();
     core.updateCaretPosition();
 };