@domternal/core 0.5.0 → 0.6.0

package/dist/index.d.cts

@@ -4164,6 +4164,7 @@ declare const TaskList: Node<TaskListOptions, unknown>;
  * - Enter: Split task item at cursor
  * - Tab: Sink (indent) task item
  * - Shift-Tab: Lift (outdent) task item
+ * - Backspace: Lift task item when at start of empty-ish item (converts to paragraph)
  * - Mod-Enter: Toggle task checked state
  */
 

package/dist/index.d.ts

@@ -4164,6 +4164,7 @@ declare const TaskList: Node<TaskListOptions, unknown>;
  * - Enter: Split task item at cursor
  * - Tab: Sink (indent) task item
  * - Shift-Tab: Lift (outdent) task item
+ * - Backspace: Lift task item when at start of empty-ish item (converts to paragraph)
  * - Mod-Enter: Toggle task checked state
  */
 

package/dist/index.js

@@ -5520,6 +5520,22 @@ var TaskItem = Node.create({
         if ($from.depth < 1 || $from.node(-1).type !== this.nodeType) return false;
         return liftListItem(this.nodeType)(this.editor.state, this.editor.view.dispatch);
       },
+      Backspace: () => {
+        if (!this.editor || !this.nodeType) return false;
+        const { state, view } = this.editor;
+        const { $from, empty } = state.selection;
+        if (!empty || $from.parentOffset !== 0) return false;
+        let taskItemDepth = -1;
+        for (let d = $from.depth; d > 0; d--) {
+          if ($from.node(d).type === this.nodeType) {
+            taskItemDepth = d;
+            break;
+          }
+        }
+        if (taskItemDepth === -1) return false;
+        if ($from.index(taskItemDepth) !== 0) return false;
+        return liftListItem(this.nodeType)(state, view.dispatch);
+      },
       "Mod-Enter": () => {
         return this.editor?.commands["toggleTask"]?.() ?? false;
       }
@@ -7469,7 +7485,7 @@ var SelectionDecoration = Extension.create(
             handleDOMEvents: {
               blur(view, event) {
                 const related = event.relatedTarget;
-                if (related instanceof HTMLElement && related.closest("[data-dm-editor-ui]")) {
+                if (related instanceof HTMLElement && (related.closest("[data-dm-editor-ui]") || related.closest(".dm-toolbar") || related.closest(".dm-bubble-menu"))) {
                   return false;
                 }
                 const { from, to } = view.state.selection;