@tiptap/extension-emoji 3.27.0 → 3.27.2

package/dist/index.cjs

@@ -23598,8 +23598,56 @@ var Emoji = import_core.Node.create({
       new import_state.Plugin({
         key: new import_state.PluginKey("emoji"),
         props: {
-          // double click to select emoji doesn’t work by default
-          // that’s why we simulate this behavior
+          // Firefox cannot move the cursor past emoji nodes at paragraph
+          // boundaries using arrow keys. We intercept plain (unmodified)
+          // ArrowLeft/ArrowRight and manually resolve the correct position.
+          // Only handles emoji nodes — other inline non-selectable nodes
+          // (mentions, hard breaks) are out of scope for this extension.
+          // See: https://github.com/ProseMirror/prosemirror/issues/1220
+          handleKeyDown: (view, event) => {
+            if (!(0, import_core.isFirefox)()) {
+              return false;
+            }
+            const isLeft = event.key === "ArrowLeft";
+            const isRight = event.key === "ArrowRight";
+            if (!isLeft && !isRight) {
+              return false;
+            }
+            if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {
+              return false;
+            }
+            const { state } = view;
+            const { selection } = state;
+            if (!selection.empty || !(selection instanceof import_state.TextSelection)) {
+              return false;
+            }
+            const $pos = selection.$from;
+            const emojiType = this.type;
+            if (isLeft) {
+              const nodeBefore = $pos.nodeBefore;
+              if (!nodeBefore || nodeBefore.type !== emojiType) {
+                return false;
+              }
+              const newPos = $pos.pos - nodeBefore.nodeSize;
+              if (newPos >= $pos.start()) {
+                view.dispatch(state.tr.setSelection(import_state.TextSelection.create(state.doc, newPos)));
+                return true;
+              }
+            } else {
+              const nodeAfter = $pos.nodeAfter;
+              if (!nodeAfter || nodeAfter.type !== emojiType) {
+                return false;
+              }
+              const newPos = $pos.pos + nodeAfter.nodeSize;
+              if (newPos <= $pos.end()) {
+                view.dispatch(state.tr.setSelection(import_state.TextSelection.create(state.doc, newPos)));
+                return true;
+              }
+            }
+            return false;
+          },
+          // double click to select emoji doesn't work by default
+          // that's why we simulate this behavior
           handleDoubleClickOn: (view, pos, node) => {
             if (node.type !== this.type) {
               return false;