adcentury/react-mobile-picker

Responsive Scroll

Open

#89 opened on Jan 4, 2025

View on GitHub
聽(1 comment)聽(1 reaction)聽(0 assignees)TypeScript聽(355 stars)聽(129 forks)user submission
enhancementhelp wanted

Description

Hi 馃憢, Is there a way to improve the scroll responsiveness on mobile? I noticed that when on mobile the scroll speed doesn't seem to increase in line with the scroll speed applied by the user. For example if the user swipes up really fast the wheel does not scroll quickly making it seem like a less responsive experience. Is there a way to make it seem similar to how it would work in a native experience

https://github.com/user-attachments/assets/65819955-edbe-45f5-8d87-dd66bd162343

Contributor guide

Tech stack
typescriptreactcss
Domain
frontendmobileperformance
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
ReactTypeScripttouch eventsCSS animations
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the touch scroll event handling in the main Picker component (likely in src/). Compare the scroll velocity from touchmove events with the actual scroll position changes. Look into implementing inertial scrolling with deceleration animation, possibly using requestAnimationFrame. Check the existing CSS transitions for scroll. The video in the issue shows the lag; consider using CSSTransition or custom momentum physics.
Responsive Scroll 路 adcentury/react-mobile-picker#89 | Good First Issue