fix: 🐛 add inline nodnes cursor support for firefox

Milkdown · May 26, 2022 · d20e7e3 · d20e7e3 · vercel · May 26, 2022
1 parent e9d15d3
commit d20e7e3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/plugin-emoji/src/node.ts b/packages/plugin-emoji/src/node.ts
@@ -31,7 +31,7 @@ export const emojiNode = createNode<string, EmojiOptions>((utils, options) => {
         schema: () => ({
             group: 'inline',
             inline: true,
-            selectable: false,
+            atom: true,
             attrs: {
                 html: {
                     default: '',

diff --git a/packages/preset-commonmark/src/plugin/inline-nodes-cursor.ts b/packages/preset-commonmark/src/plugin/inline-nodes-cursor.ts
@@ -52,10 +52,13 @@ export const inlineNodesCursorPlugin: Plugin = new Plugin({
                 const leftDec = Decoration.widget(position, left, {
                     side: -1,
                 });
+                const right = document.createElement('span');
+                const rightDec = Decoration.widget(position, right);
                 setTimeout(() => {
                     left.contentEditable = 'true';
+                    right.contentEditable = 'true';
                 });
-                return DecorationSet.create(state.doc, [leftDec]);
+                return DecorationSet.create(state.doc, [leftDec, rightDec]);
             }
             return DecorationSet.empty;
         },