run focus event listener after existing onFocus handlers

ianstormtaylor · Dec 31, 2021 · bc28754 · bc28754
1 parent 735d2d0
commit bc28754
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 = () => {
+      window.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 = () => {
+      window.setTimeout(() => {
+        setIsFocused(ReactEditor.isFocused(editor))
+      }, 0)
+    }
     document.addEventListener('blur', fn, true)
     return () => document.removeEventListener('blur', fn, true)
   }, [])