Improves the list item backspace behaviour.

src/components/Editor/CustomExtensions/BulletList/ExtensionConfig.js

@@ -0,0 +1,52 @@
+import BulletList from "@tiptap/extension-bullet-list";
+
+export default BulletList.extend({
+  addKeyboardShortcuts() {
+    return {
+      // This will handle the backspace press in both bulletList and orderedList.
+      Backspace: () =>
+        this.editor.commands.command(({ state, tr, dispatch }) => {
+          const { $from, empty } = state.selection;
+          const inList =
+            this.editor.isActive("bulletList") ||
+            this.editor.isActive("orderedList");
+
+          if (empty && inList && $from.parent.type.name === "paragraph") {
+            const isTrailingParagraph = $from.parent.content.size === 0;
+
+            const $list = $from.node($from.depth - 2);
+            const $listItem = $from.node($from.depth - 1);
+
+            const isInListItem = $listItem.type.name === "listItem";
+            const isLastParagraphInListItem =
+              $from.index($from.depth - 1) === $listItem.childCount - 1;
+
+            // Check for list items above and below
+            const currentItemIndex = $from.index($from.depth - 2);
+            const hasListItemsAbove = currentItemIndex > 0;
+            const hasListItemsBelow = currentItemIndex < $list.childCount - 1;
+
+            if (
+              isTrailingParagraph &&
+              isInListItem &&
+              isLastParagraphInListItem &&
+              !hasListItemsBelow &&
+              hasListItemsAbove
+            ) {
+              if (dispatch) {
+                const range = $from.blockRange($from);
+                if (range) {
+                  tr.lift(range, 0);
+                  dispatch(tr);
+                }
+              }
+
+              return true;
+            }
+          }
+
+          return false;
+        }),
+    };
+  },
+});

src/components/Editor/CustomExtensions/hooks/useCustomExtensions.js

@@ -16,6 +16,7 @@ import { EDITOR_OPTIONS } from "common/constants";
 import { isEmpty } from "ramda";
 
 import HighlightInternal from "../BackgroundColor/ExtensionConfig";
+import BulletList from "../BulletList/ExtensionConfig";
 import CodeBlock from "../CodeBlock/ExtensionConfig";
 import CustomCommands from "../CustomCommands/ExtensionConfig";
 import Embeds from "../Embeds/ExtensionConfig";
@@ -78,9 +79,9 @@ const useCustomExtensions = ({
       document: false,
       codeBlock: false,
       code: false,
+      bulletList: false,
       blockquote: options.includes(EDITOR_OPTIONS.BLOCKQUOTE),
       orderedList: options.includes(EDITOR_OPTIONS.LIST_ORDERED),
-      bulletList: options.includes(EDITOR_OPTIONS.LIST_BULLETS),
       history: !collaborationProvider,
     }),
     TextStyle,
@@ -108,6 +109,10 @@ const useCustomExtensions = ({
     customExtensions.push(Color);
   }
 
+  if (options.includes(EDITOR_OPTIONS.LIST_BULLETS)) {
+    customExtensions.push(BulletList);
+  }
+
   if (isSlashCommandsActive) {
     customExtensions.push(
       SlashCommands.configure({