react-component / react-component/tabs
Crashing with vertical list inside panes on Mobile devices.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 572
- Forks
- 241
- Avg merge
- 4d 18h
- Merged PRs (30d)
- 4
Description
demo: https://topsecret-livid.vercel.app/
On mobile device I have rc-tabs in a bottom-sheet left tab.
When I scroll up and down with touch it freezes and/or crashes (tested on android chrome).
Tried to stop propagation of touch events from content vertical list to tabs - it doesn't work.
Tried to throttle touch event listeners from useTouchMove hook - also no help.
Does anyone have any ideas or this might be chrome bug?
Contributor guide
No contributing guide indexed for this repository
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 with the linked demo and reproduce the freeze or crash on Android Chrome while scrolling the vertical list inside the pane. Read the useTouchMove hook and the tab touch-event handling, then verify that the same interaction no longer freezes or crashes on mobile.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100