apache / apache/echarts

[Bug] The location of the tooltip is not under the mouse-cursor if the document-body is zoomed using CSS-zoom

Open
#20,350 2 comments 0 reactions 0 assignees View on GitHub
bug en
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5.1

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=line-stack

### Steps to Reproduce

1. Go to https://echarts.apache.org/examples/en/editor.html?c=line-stack
2. Add the following line to the end of the JS-file: `document.body.style.zoom = '1.5';`
3. Hover over the chart: the tooltip / cross-hair is not located under the mouse-cursor

### Current Behavior

The location of the tooltip is not under the mouse-cursor if the body is zoomed.

### Expected Behavior

The location of the tooltip should be under the mouse-cursor if the body is zoomed.

### Environment

```markdown
- OS: Ubuntu 24.04.1 LTS
- Browser: Google Chrome Version 128.0.6613.137 (Official Build) (64-bit)
- Framework: none
```

### Any additional comments?

Since May 2024, CSS zoom is standardized and not depcrecated anymore (see Notes: https://caniuse.com/?search=zoom)

Chrome 128 implements this already, see: https://chromestatus.com/feature/5198254868529152

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.