[Bug] Tooltip is not removed nor set to display: none

[MeMeMax]

Version

5.3.3

Link to Minimal Reproduction

https://jsfiddle.net/spxr6v1g/16/

Steps to Reproduce

1. Go to the jsfiddle (https://jsfiddle.net/spxr6v1g/16/)
2. Hover over the point with value 0
3. Click on Button "change div size to 100px" WITHOUT crossing the chart again
4. Notice the large scrollbar on the right -> this is due to the tooltip which is not removed or set to display: none but still floating invisibly at the bottom

Current Behavior

Notice that this is a very simple example. My application is much more complex and things have to be how they are.

Currently the tooltip is not removed from the dom nor set to display:none which causes an unnecessary scrollbar.

Expected Behavior

The tooltip should be removed at least when you call chartInstance.resize() as the chart might have become smaller than before.

Environment

- OS: Windows 10
- Browser: Chrome 99.0.4844.51
- Framework: Angular (but applies Framework independent)

Any additional comments?

No response

[MeMeMax]

@plainheart is there any info I can provide to contribute to a discussion?

[github-actions[bot]]

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

[github-actions[bot]]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!