antvis/G2

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

SailorF posted onGitHub

问题描述

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

复现地址

复现地址

复现步骤

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

复现录屏

https://github.com/antvis/G2/assets/24806389/b29212a8-0898-46c1-9ded-1da532d28d92


@pearmini Help

posted by SailorF 12 months ago

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

posted by pearmini 12 months ago

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

posted by xiaoiver 12 months ago

Fund this Issue

$0.00
Funded

Pull requests