Retain editor selection when using ReactEditor.focus() (#5516)

* Retain editor selection on ReactEditor.focus() * Add changeset * Fix lint
ianstormtaylor · Sep 21, 2023 · 300dc57 · 300dc57
1 parent fd753b8
commit 300dc57
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/selfish-frogs-press.md b/.changeset/selfish-frogs-press.md
@@ -0,0 +1,5 @@
+---
+'slate-react': minor
+---
+
+Retain editor selection when using ReactEditor.focus()
diff --git a/packages/slate-react/src/plugin/react-editor.ts b/packages/slate-react/src/plugin/react-editor.ts
@@ -417,6 +417,12 @@ export const ReactEditor: ReactEditorInterface = {
     IS_FOCUSED.set(editor, true)
 
     if (root.activeElement !== el) {
+      if (editor.selection && root instanceof Document) {
+        const domSelection = root.getSelection()
+        const domRange = ReactEditor.toDOMRange(editor, editor.selection)
+        domSelection?.removeAllRanges()
+        domSelection?.addRange(domRange)
+      }
       el.focus({ preventScroll: true })
     }
   },