[Bug] tooltip appendtobody后隐藏方式不合适会导致出现滚动条

[toodiff]

Version

5.0.2

Link to Minimal Reproduction

No response

Steps to Reproduce

tooltip采用appendToBody方式，以前隐藏时是使用display:none; 现在用visibility 和 opacity控制，但transform未恢复

Current Behavior

如果echart图在页面右下角，从大屏到小屏切换时会导致出现滚动条

Expected Behavior

应该还是采用display:none; 更友好，或者恢复transform值，这样避免屏幕切换时出现滚动条

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[echarts-bot]

@toodiff It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] Inappropriate hiding method after tooltip appendtobody will cause scroll bar to appear

BODY

Version

5.0.2

Link to Minimal Reproduction

No response

Steps to Reproduce

The tooltip adopts the appendToBody method. It used display:none when it was hidden; now it is controlled with visibility and opacity, but the transform is not restored.

Current Behavior

If the echart diagram is in the lower right corner of the page, a scroll bar will appear when switching from a large screen to a small screen

Expected Behavior

It should still be more friendly to use display:none;, or restore the transform value, so as to avoid scroll bars when the screen is switched

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[plainheart]

和 #17251 #17059 的问题类似，我们稍后讨论下。

[plainheart]

当前使用 visibility 和 opacity 来控制 tooltip 的显示与隐藏是为了使其能够具有淡入淡出的效果，但这在隐藏之后由于仍然占据空间也确实会影响父容器布局以至于出现滚动条，我不太确定是我们应还原此变更还是增加一个配置项以允许禁用淡入淡出效果。不知 @pissang 对此有什么看法？

[toodiff]

使用 visibility 和 opacity，transform可以恢复到左上角应该也可以

[plainheart]

transform可以恢复到左上角应该也可以

@toodiff 如果 tooltip 的 DOM 高度超过图表容器高度，没有设置溢出隐藏的话，无论 transform 多少也还是会出现滚动条的。

[github-actions]

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.