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

Merge layout effects for adding focus and blur event listeners (#4790)

Browse Source 
* Merge layout effects for adding focus and blur event listeners

* run yarn fix
This commit is contained in:
David Brito
2022-01-19 10:51:42 -04:00
committed by GitHub
parent 11253c5c3b
commit 9f3aee5536
1 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,17 +63,11 @@ export const Slate = (props: {
}, 0) }, 0)
} }
document.addEventListener('focus', fn, true) document.addEventListener('focus', fn, true)
return () => document.removeEventListener('focus', fn, true)
}, [])
useIsomorphicLayoutEffect(() => {
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('focus', fn, true)
document.removeEventListener('blur', fn, true)
}
}, []) }, [])
return ( return (