antvis / S2

⚡️ A practical visualization library for tabular analysis.
https://s2.antv.antgroup.com
MIT License
1.46k stars 194 forks source link

🐛S2父级及以上的节点,添加了transform: scale(1.1)后,透视表分组排序按钮失效;(设置supportCSSTransform后依然无效) #2879

Open Karl-Xu opened 3 weeks ago

Karl-Xu commented 3 weeks ago

🏷 Version 1.55.8

Package Version
@antv/s2 1.55.8
@antv/s2-react 1.47.0
antd 4.24.16
react 18.3.1
react-dom 18.3.1

Sheet Type

🖋 Description

在S2表格的父级及以上的任意结点,添加transform: scale(1.1)样式后,透视表的分组排序按钮失效;通过调试及源码解读,因是点击位置已经不在S2的原始设定范围内,导致无法正确获取canvas内部点击位置 image 也曾尝试官网的高清适配方案,但是两种场景并不相同,changSheetSize后仍受控与父级scale css样式影响 特别备注:原bug提交后给出了修复方案,但该方案尝试无用,因无法reopen issue,故不得已,又开了一个 image 原issue链接:https://github.com/antvis/S2/issues/2849

⌨️ Code Snapshots

使用官网示例:https://s2-v1.antv.antgroup.com/examples/analysis/sort#group-sort 并修改示例项目中的index.html文件,内容更改为:

image

🔗 Reproduce Link

修改后的codeSandbox连接:https://codesandbox.io/s/silly-gould-v447zf?file=/index.html

🤔 Steps to Reproduce

放大前: image 放大后: image

😊 Expected Behavior

希望放大后组内排序按钮功能正常;另,我们尝试使用S2 2.x版本,发现存在这样的问题

😅 Current Behavior

父级配置scale放大后,组内排序按钮失效

💻 System information

Environment Info
System macOS Sonoma 14.5
Browser chrome: v127.0.6533.89
Karl-Xu commented 3 weeks ago

特别备注:原bug提交后给出了修复方案,但该方案尝试无用,因无法reopen issue,故不得已,又开了一个 image 原issue链接:https://github.com/antvis/S2/issues/2849

lijinke666 commented 1 week ago

在官网能复现吗? 开启 supportCSSTransform 后, 1.x 和 2.x 一切正常, 你提供的 demo 和官网均未复现.

Kapture 2024-09-10 at 19 00 13

Karl-Xu commented 1 week ago

我提供的demo可以复现,点击“笔”列下的“价格”功能正常,因为该点击范围还在原尺寸大小之下;请点击“纸张”列下的“价格”的小三角icon。那个icon超出了原有表格尺寸大小,所以被判定为不在渲染范围内了 vt8lw-3lr2e