rive-app / rive-app/rive-react
Mobile scroll and event listener
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.2k
- Forks
- 58
- Avg merge
- 3h 23m
- Merged PRs (30d)
- 6
Description
This is the same problem as https://github.com/rive-app/rive-react/issues/229
When you make a Rive component that is interactive it disables the ability to scroll
This is definitely because of a touch event listener combined with a preventDefault that stops it from scrolling
Ideal solution would be:
Instead of preventDefault when you touch the screen, maybe you can check if it is necesarry.
When touching an area in the canvas that has no triggers, just don't disable scroll.
And for the cases where this would be ideal, just add a stopScrollOnTouch: as prop
For now, I just disabled the event listeners and added my own events until this problem is fixed
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading the related issue #229 and tracing the interactive Rive component's touch event listener and preventDefault behavior. Verify how scrolling behaves when touching canvas areas with and without triggers, and use the requested opt-in stop-scroll behavior as the completion criteria.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100