wuba / wuba/react-native-echarts

Chart gestures conflicts with ScrollView

Open
#266 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
967
Forks
35
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
Putting an echart in a scrollview conflicts with scroll gesture, making scrolling impossible.

To Reproduce
Steps to reproduce the behavior:

  1. Create 3 charts, enable tooltip and pan gestures
  2. Make sure the chart height is long enough so that it's scrollable.
  3. Scroll down, make sure to target the chart with your finger

Expected behavior
Unable to scroll down, unless you target outside of the chart.

Screenshots

https://github.com/user-attachments/assets/4eed3f04-e78d-45de-b2e3-305b3fe67519

Desktop (please complete the following information):

  • OS: [e.g. iOS] tahoe 26.0.1
  • Browser [e.g. chrome, safari] chrome
  • Version [e.g. 22] 141.0.7390.123

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6] iphone 16 pro simulator
  • OS: [e.g. iOS8.1] ios 18.3
  • Browser [e.g. stock browser, safari] n/a
  • Version [e.g. 22] n/a

Additional context
Gesture handler conflict

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with three charts inside a scrollable ScrollView, with tooltip and pan gestures enabled, using the reported iPhone simulator setup. Then trace the chart gesture handling and its interaction with ScrollView. Done means the surrounding ScrollView can scroll when the gesture starts over a chart while chart interactions remain usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.