/
githubmirror
/
tldraw
Обзор
Документация
Войти
/
githubmirror
/
tldraw
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/editor/src/lib/hooks/useStateAttribute.ts
18 строк
687 B
Steve Ruiz
refactor: replace coarse pointer media queries with reactive data attribute (#7404)
17 дек 2025, 19:26
Не верифицирован
17 дек 2025, 19:26
ca056d2
Код
Авторство
О чём код?
import { react } from '@tldraw/state' import { useLayoutEffect } from 'react' import { useEditor } from './useEditor' export function useStateAttribute() { const editor = useEditor() // we use a layout effect because we don't want there to be any perceptible delay between the // editor mounting and this attribute being applied, because styles may depend on it: useLayoutEffect(() => { return react('stateAttribute', () => { const container = editor.getContainer() const instanceState = editor.getInstanceState() container.setAttribute('data-state', editor.getPath()) container.setAttribute('data-coarse', String(instanceState.isCoarsePointer)) }) }, [editor]) }