run focus event listener after existing onFocus handlers (#4755)

* run focus event listener after existing onFocus handlers * change window.setTimeout to setTimeout
ianstormtaylor · Jan 10, 2022 · 8daa77e · 8daa77e
1 parent 51e02de
commit 8daa77e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/stale-poems-itch.md b/.changeset/stale-poems-itch.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+fix useFocused hook
diff --git a/packages/slate-react/src/components/slate.tsx b/packages/slate-react/src/components/slate.tsx
@@ -57,13 +57,21 @@ export const Slate = (props: {
   })
 
   useIsomorphicLayoutEffect(() => {
-    const fn = () => setIsFocused(ReactEditor.isFocused(editor))
+    const fn = () => {
+      setTimeout(() => {
+        setIsFocused(ReactEditor.isFocused(editor))
+      }, 0)
+    }
     document.addEventListener('focus', fn, true)
     return () => document.removeEventListener('focus', fn, true)
   }, [])
 
   useIsomorphicLayoutEffect(() => {
-    const fn = () => setIsFocused(ReactEditor.isFocused(editor))
+    const fn = () => {
+      setTimeout(() => {
+        setIsFocused(ReactEditor.isFocused(editor))
+      }, 0)
+    }
     document.addEventListener('blur', fn, true)
     return () => document.removeEventListener('blur', fn, true)
   }, [])