Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

PivotSheet滚动条hover时会变粗, 但显示不全 #2825

Open
2 of 5 tasks
xuefeibai opened this issue Jul 19, 2024 · 5 comments
Open
2 of 5 tasks

PivotSheet滚动条hover时会变粗, 但显示不全 #2825

xuefeibai opened this issue Jul 19, 2024 · 5 comments
Assignees
Labels
⚡ enhancement 功能增强 💤 inactive 不活跃的 Issue 或 PR, 30天没有回复

Comments

@xuefeibai
Copy link

🏷 Version

Package Version
@antv/s2 1.49.1
@antv/s2-react
@antv/s2-vue 2.6.14

Sheet Type

  • PivotSheet
  • TableSheet
  • GridAnalysisSheet
  • StrategySheet
  • EditableSheet

🖋 Description

PivotSheet和TableSheet的滚动条, 在设置hoverSize为10时, 如果hover横向滚动条, 下半部分显示不全, 如果hover纵向滚动条, 右半部分显示不全
image
image

⌨️ Code Snapshots

🔗 Reproduce Link

https://codesandbox.io/p/sandbox/s2-simple-yg9m4v
上面是一个示例沙盒, 代码使用的是lastest版本, 实际上我的生产环境使用的是1.49.1版本.

🤔 Steps to Reproduce

😊 Expected Behavior

hover滚动条, 滚动条自动变粗, 能显示完整

😅 Current Behavior

hover滚动条, 滚动条自动变粗, 但显示不全

💻 System information

Environment Info
System
Browser
@lijinke666 lijinke666 added the ⚡ enhancement 功能增强 label Jul 22, 2024
@lijinke666 lijinke666 self-assigned this Jul 22, 2024
Copy link
Contributor

你好 @xuefeibai,感谢你的建议, 我们会及时评估和排期, 谢谢!
当然, 如果能贡献 PR 帮助我们改进, 不胜感激!

Hello, @xuefeibai, thanks for your advice. We will evaluate and schedule in time. Thank you!
you could implement it by yourself through the customization capabilities provided by S2. Thanks so much for your understanding.

@lijinke666
Copy link
Member

lijinke666 commented Jul 24, 2024

相关问题: #2295

@lijinke666
Copy link
Member

lijinke666 commented Jul 24, 2024

感谢反馈, 目前在 1.x 版本中只能建议暂时减小 sizehoverSize 的差异.

由于涉及到布局改造, 会带来 break change, 滚动条相关问题计划后续在 2.0 版本中重构解决:

  1. 滚动条位置不统一: 水平滚动条滑道在表格外, 而垂直滚动条在表格内
  2. size 和 hoverSize 差异过大时展示不全, 默认是按照初始大小计算坐标, 未考虑 hover 后.
  3. 无滚动条时不应该占位 🐛 表格横向滚动条在宽度足够无需滚动时依然占位 #2295
  4. 滚动条悬浮展示 能否支持滚动条悬浮显示🙏 #2834

@xuefeibai
Copy link
Author

我本地尝试修复, 在mouseover时, 重新计算scrollBarGroup的位置, 然后调用move移动位置, 结果滚动条不见了.
然后我换了一种方案, 初始化时新增一个hover态滚动条, 默认不显示, mouseover滚动条时进行切换, 从而解决了当前问题. 这种方案只能临时用用.

@xuefeibai
Copy link
Author

嘶, 第一个方法是可以的, move的单位是偏移量, 而不是绝对位置~

@github-actions github-actions bot added the 💤 inactive 不活跃的 Issue 或 PR, 30天没有回复 label Aug 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⚡ enhancement 功能增强 💤 inactive 不活跃的 Issue 或 PR, 30天没有回复
Projects
None yet
Development

No branches or pull requests

2 participants