Do not move selection outside inline node when composition starts

ianstormtaylor · Oct 27, 2023 · d8335a6 · d8335a6
1 parent 0bdff51
commit d8335a6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 20 deletions.
diff --git a/.changeset/forty-tools-joke.md b/.changeset/forty-tools-joke.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Do not move selection outside inline node when composition starts
diff --git a/packages/slate-react/src/components/editable.tsx b/packages/slate-react/src/components/editable.tsx
@@ -1190,26 +1190,9 @@ export const Editable = (props: EditableProps) => {
                   setIsComposing(true)
 
                   const { selection } = editor
-                  if (selection) {
-                    if (Range.isExpanded(selection)) {
-                      Editor.deleteFragment(editor)
-                      return
-                    }
-                    const inline = Editor.above(editor, {
-                      match: n =>
-                        Element.isElement(n) && Editor.isInline(editor, n),
-                      mode: 'highest',
-                    })
-                    if (inline) {
-                      const [, inlinePath] = inline
-                      if (Editor.isEnd(editor, selection.anchor, inlinePath)) {
-                        const point = Editor.after(editor, inlinePath)!
-                        Transforms.setSelection(editor, {
-                          anchor: point,
-                          focus: point,
-                        })
-                      }
-                    }
+                  if (selection && Range.isExpanded(selection)) {
+                    Editor.deleteFragment(editor)
+                    return
                   }
                 }
               },