apache / apache/echarts

[Bug] Vertical dataZoom slider is unresponsive to touch drag in Chrome on Linux (Ubuntu)

Open
#21,311 1 comment 0 reactions 0 assignees View on GitHub
bug en pending
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.