Fix useFocused not updated when calling ReactEditor.focus (#5593)

ianstormtaylor · Jan 24, 2024 · 54594d0 · 54594d0
1 parent 8f2ad02
commit 54594d0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/shiny-numbers-matter.md b/.changeset/shiny-numbers-matter.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Fix: Calling `ReactEditor.focus` doesn't update `useFocused` when running in @testing-library/react
diff --git a/packages/slate-react/src/plugin/react-editor.ts b/packages/slate-react/src/plugin/react-editor.ts
@@ -447,8 +447,10 @@ export const ReactEditor: ReactEditorInterface = {
         Transforms.select(editor, Editor.start(editor, []))
         editor.onChange()
       }
-      el.focus({ preventScroll: true })
+      // IS_FOCUSED should be set before calling el.focus() to ensure that
+      // FocusedContext is updated to the correct value
       IS_FOCUSED.set(editor, true)
+      el.focus({ preventScroll: true })
     }
   },