[Bug] [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.

[Skrypt]

Version

5.4.1

Link to Minimal Reproduction

No response

Steps to Reproduce

import * as echarts from "echarts";

echarts.init(container);

Current Behavior

[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

Expected Behavior

This violation warning should not display.

Environment

- OS: Windows 11
- Browser: 110.0.5481.77
- Framework: Vue 3

Any additional comments?

No response

[doyao]

I found the method of installing default-passive-events on the internet and the warning disappeared. But when I use the scrolling chart of echarts, I will report an error: Unable to preventDefault inside passive event listener invocation

[LvChengbin]

Will this bug be fixed soon?

[clark-tan]

Hope to fix it in the next release

[ericrange]

+1

[Thevyn]

+1

[kanxingyv]

We need to fix this problem, please.

[plainheart]

Some components like DataZoom will need to stop the scroll behavior, so it can't be simply set as passive.

[cj123195]

+1， v5.4.2

[chainix]

+1, v5.4.3