Add useTextSelection hook #2668
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This PR introduces a new hook:
useTextSelection
.The hook allows developers to easily access information about the current text selection inside the document (or optionally within a given target element). It provides:
clientRect
: the bounding rectangle of the selection.isCollapsed
: whether the selection is collapsed or not.textContent
: the selected text content.This hook can be useful for building rich text editors, annotation tools, tooltips, and context-aware UIs that need to react to user text selection.
It fits the sensors category, since it exposes live environmental data from the DOM, similar to hooks like
useMouse
oruseHover
.Type of change
Checklist
yarn test
)yarn lint
). Fix it withyarn lint:fix
in case of failure.yarn lint:types
).