antvis/G2

在shadow dom里，并且在多层容器下，tooltip位置出现偏离

Closed this issue · 4 comments

SailorF commented

问题描述

在 shadow-dom 中，发现如果只有一个节点的情况下，Chart 的 tooltip 位置是正常的； 但是如果 Chart 位于多个容器下， tooltip 的位置就会出现偏移

复现地址

复现地址

复现步骤

  • 鼠标移入上面 Chart 中，发现 tooltip 是正常的
  • 鼠标移入下面 Chart 中，发现 tooltip 是偏离的

复现录屏

2024-04-30.11.35.07.mov
pearmini commented

@SailorF 这个应该是拾取出了点问题，@xiaoiver 有空帮忙看看嘛？

  • ❤️1
xiaoiver commented

G2 内部会设置 supportsCSSTransform 为 true，在 shadow dom 下获取 viewportX/Y 出错：

临时解决办法如下，G 新版本发布后可移除：

chart.getContext().canvas.getConfig().supportsCSSTransform = false;

示例：https://codesandbox.io/p/sandbox/zen-chatelet-m6g4jn?file=%2Findex.tsx%3A90%2C1-93%2C1