mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-19 13:41:19 +02:00
Code Issues Releases Wiki Activity

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

Browse Source 
* run focus event listener after existing onFocus handlers

* change window.setTimeout to setTimeout
This commit is contained in:
Jacob Hurwitz
2022-01-10 15:20:47 -08:00
committed by GitHub
parent 51e02de9de
commit 8daa77e9fa
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/stale-poems-itch.md Normal file
View File

@@ -0,0 +1,5 @@
---
'slate-react': patch
---
fix useFocused hook

12
packages/slate-react/src/components/slate.tsx
View File

@@ -57,13 +57,21 @@ export const Slate = (props: {
}) })
useIsomorphicLayoutEffect(() => { useIsomorphicLayoutEffect(() => {
const fn = () => setIsFocused(ReactEditor.isFocused(editor)) const fn = () => {
setTimeout(() => {
setIsFocused(ReactEditor.isFocused(editor))
}, 0)
}
document.addEventListener('focus', fn, true) document.addEventListener('focus', fn, true)
return () => document.removeEventListener('focus', fn, true) return () => document.removeEventListener('focus', fn, true)
}, []) }, [])
useIsomorphicLayoutEffect(() => { useIsomorphicLayoutEffect(() => {
const fn = () => setIsFocused(ReactEditor.isFocused(editor)) const fn = () => {
setTimeout(() => {
setIsFocused(ReactEditor.isFocused(editor))
}, 0)
}
document.addEventListener('blur', fn, true) document.addEventListener('blur', fn, true)
return () => document.removeEventListener('blur', fn, true) return () => document.removeEventListener('blur', fn, true)
}, []) }, [])