leksy-editor 2.2.2 → 2.2.4

package/package.json

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

@@ -3219,6 +3219,12 @@ const outdentListItem = (li, core) => {
     }
 };
 
+const isEmptyLi = (li) => {
+    const text = li.textContent.replace(/\u200B/g, '').trim();
+    const hasOnlySublist = li.children.length === 1 && li.querySelector('ul, ol');
+    return text === '' && !hasOnlySublist;
+}
+
 const makeSublist = (event, core) => {
     if (event.key !== 'Tab') return;
 
@@ -3247,6 +3253,11 @@ const makeSublist = (event, core) => {
 
     if (!selectedLis.length) return;
 
+    if (!event.shiftKey) {
+        const hasContent = selectedLis.some(li => !isEmptyLi(li));
+        if (hasContent) return;
+    }
+
     event.preventDefault();
 
     selectedLis.forEach(li => {
@@ -3933,12 +3944,12 @@ 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;
@@ -3981,15 +3992,13 @@ const handleBackspaceInList = (event, core) => {
 
         selection.removeAllRanges();
         selection.addRange(newRange);
+    } 
+    // Case 2: first list item
+    else {
+        const span = document.createElement('span');
+        span.textContent = parentText || '';
 
-    }
-    else {newRange.collapse(false);
-
-        // Case 2: first list item
-        const p = document.createElement('p');
-        p.textContent = parentText;
-
-        parentList.parentElement.insertBefore(p, parentList);
+        parentList.parentElement.insertBefore(span, parentList);
 
         if (children.length > 0) {
             parentList.insertBefore(fragment, li);
@@ -3998,7 +4007,7 @@ const handleBackspaceInList = (event, core) => {
         li.remove();
 
         const newRange = document.createRange();
-        newRange.selectNodeContents(p);
+        newRange.selectNodeContents(span);
         newRange.collapse(true);
 
         selection.removeAllRanges();