Incubator-echarts: tooltip.appendToBody scroll-issue on touch devices

[tmtron]

Version

4.8.0

Reproduction link

https://stackblitz.com/edit/angular-echarts-append-to-body

Steps to reproduce

• Open the stackblitz example in Goolge Chrome.
• Press the "Open in New Window" button at the right-top.
• Press F12 to open Developer Tools.
• Click the "Toggle Device Toolbar" icon at the left top of chrome tools - or press CTRL-SHIFT-M.
• Click on any bar to show the tooltip window.
• Scroll down: The tooltip will remain at it's position.

What is expected?

When some e-charts are in a scroll-container the tooltip should scroll (or maybe be hidden, if scroll is not possible)

What is actually happening?

When some e-charts are in a scroll-container the tooltip will remain fixed (to the body)..

Additional

On a real phone (using Goolge Chrome mobile), we see an additional issue (which may have the same cause).
When we scroll down to the 2nd or 3rd echart and click a bar the tooltip will not show up (I guess that the calculated position is off the screen boundaries.

[echarts-bot[bot]]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to [email protected]. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[wf123537200]

Is the issue the same as #12778 ?

[tmtron]

@Ovilia why the waiting-for:author tag: do you need some more info?

[ArturMiszkowicz]

This also persist in version 5.0.0. (Reproduce: https://jsfiddle.net/zndot4ub/).
As you can see on screenshot (anonymyzed) there are two tooltips, while mouse is between charts (during scroll). The tooltips will be there until user moves his mouse over chart to show another tooltip (or move on canvas where chart is rendered).