[Bug] Vertical dataZoom slider is unresponsive to touch drag in Chrome on Linux (Ubuntu)
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### Version
6.0.0
### Link to Minimal Reproduction
https://codesandbox.io/p/devbox/jolly-neumann-3nc4vf?workspaceId=ws_Q61hEQjGDVnTuzVQNfXaDU
### Steps to Reproduce
Open the CodeSandbox link provided above on a touch-enabled Linux (Ubuntu) device using Google Chrome.
Alternatively, open the link on a desktop version of Google Chrome and enable the device toolbar for touch emulation (You can open DevTools with F12, then press Ctrl+Shift+M).
Using a touch gesture (or the touch emulation cursor), attempt to drag the vertical slider on the right side of the chart up or down.
### Current Behavior
When a vertical touch-drag gesture is performed on the dataZoom slider, the slider itself does not move. Instead, the entire web page scrolls up or down, as if the gesture was made on the body of the page.
The ECharts chart.on('touchstart') event does not fire when touching the slider area, indicating that Chrome is capturing the event for page scrolling before it can be processed by the ECharts library.
### Expected Behavior
The dataZoom slider handle should move according to the touch gesture, updating the visible range of the y-axis. The page should not scroll when the gesture originates on the slider component. This behavior works correctly in Firefox on the same OS.
### Environment
```markdown
ECharts version: 6.0.0
Browser version: Google Chrome (Latest on Ubuntu)
OS: Ubuntu (Linux)
Framework: React
```
### Any additional comments?
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.