[Bug] Issue with tooltip when appendToBody is set to true with two configurations: one for a normal tooltip and one for an interactive tooltip.

[mklalit]

Version

5.4.3

Link to Minimal Reproduction

https://stackblitz.com/edit/angular-echarts-append-to-body-jmrhhxvn?file=src%2Fapp%2Ftooltip.service.ts

Steps to Reproduce

I have two tooltip configurations for ECharts: one for a normal tooltip and another for an interactive tooltip. The normal tooltip works fine when I move the cursor, but there is an issue with the interactive tooltip.

Current Behavior

On right-clicking the chart, the interactive tooltip becomes active, meaning the tooltip will stick to the position where it opened. However, when I move the cursor over the tooltip or outside the chart area, the tooltip drags all the way to the bottom of the page.

Expected Behavior

When right-clicking on the chart, the interactive tooltip should activate and remain fixed at the position where it was opened. Moving the cursor over the tooltip or outside the chart area should not cause the tooltip to move unexpectedly or drag outside the chart boundaries. The tooltip should stay visible and stable until explicitly closed or dismissed.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[helgasoft]

Is this Angular code? Maybe use/ask this repo.
Here we mostly speak plain JS/TS. No habla español.

[mklalit]

this is the initial issue we are facing, some part of the tooltip is hiding on top.

Than update to two tooltip configurations for ECharts: one for a normal tooltip and another for an interactive tooltip. The normal tooltip works fine when I move the cursor, but there is an issue with the interactive tooltip.
On right-clicking the chart, the interactive tooltip becomes active, meaning the tooltip will stick to the position where it opened. However, when I move the cursor over the tooltip or outside the chart area, the tooltip drags all the way to the bottom of the page.