Closed Karl-Xu closed 1 month ago
在S2表格的父级及以上的任意结点,添加transform: scale(1.1)样式后,透视表的分组排序按钮失效;通过调试及源码解读,因是点击位置已经不在S2的原始设定范围内,导致无法正确获取canvas内部点击位置 也曾尝试官网的高清适配方案,但是两种场景并不相同,changSheetSize后仍受控与父级scale css样式影响
使用官网示例:https://s2-v1.antv.antgroup.com/examples/analysis/sort#group-sort 并修改示例项目中的index.html文件,内容更改为:
修改后的codeSandbox连接:https://codesandbox.io/s/silly-gould-v447zf?file=/index.html
放大前: 放大后:
希望放大后组内排序按钮功能正常;另,我们尝试使用S2 2.x版本,发现存在这样的问题
父级配置scale放大后,组内排序按钮失效
1.x
https://s2-v1.antv.antgroup.com/manual/faq#%E7%88%B6%E7%BA%A7%E5%85%83%E7%B4%A0%E4%BD%BF%E7%94%A8%E4%BA%86-transform-scale-%E5%90%8E%E5%9B%BE%E8%A1%A8%E9%BC%A0%E6%A0%87%E5%9D%90%E6%A0%87%E5%93%8D%E5%BA%94%E4%B8%8D%E6%AD%A3%E7%A1%AE
const s2Options = { supportCSSTransform: true }
2.x
const s2Options = { transformCanvasConfig() { return { supportsCSSTransform: true } } }
添加后依然无效
🏷 Version 1.55.8
Sheet Type
🖋 Description
在S2表格的父级及以上的任意结点,添加transform: scale(1.1)样式后,透视表的分组排序按钮失效;通过调试及源码解读,因是点击位置已经不在S2的原始设定范围内,导致无法正确获取canvas内部点击位置 也曾尝试官网的高清适配方案,但是两种场景并不相同,changSheetSize后仍受控与父级scale css样式影响
⌨️ Code Snapshots
使用官网示例:https://s2-v1.antv.antgroup.com/examples/analysis/sort#group-sort 并修改示例项目中的index.html文件,内容更改为:
🔗 Reproduce Link
修改后的codeSandbox连接:https://codesandbox.io/s/silly-gould-v447zf?file=/index.html
🤔 Steps to Reproduce
放大前: 放大后:
😊 Expected Behavior
希望放大后组内排序按钮功能正常;另,我们尝试使用S2 2.x版本,发现存在这样的问题
😅 Current Behavior
父级配置scale放大后,组内排序按钮失效
💻 System information