@tiptap/extension-emoji 3.27.1 → 3.27.2

package/dist/index.js

@@ -5,12 +5,13 @@ import {
   findChildrenInRange,
   getChangedRanges,
   InputRule,
+  isFirefox,
   mergeAttributes,
   Node,
   nodeInputRule,
   PasteRule
 } from "@tiptap/core";
-import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
 import { Suggestion } from "@tiptap/suggestion";
 import emojiRegex from "emoji-regex";
 import { isEmojiSupported } from "is-emoji-supported";
@@ -23563,8 +23564,56 @@ var Emoji = Node.create({
       new Plugin({
         key: new 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 (!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 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(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(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;