tdesign-vue-next
tdesign-vue-next copied to clipboard
[TimePicker] 在chromium下使用touchpad滚动到边界效果异常
tdesign-vue-next 版本
0.16.0
重现链接
无
重现步骤
触摸板滑动
期望结果
流畅的动画
实际结果
Mac + Edge 下触摸板滑动
https://user-images.githubusercontent.com/21240282/174304538-8b8c9413-e82d-4735-bfd5-b14930d7cf75.MOV
https://user-images.githubusercontent.com/21240282/174304570-9a067a61-0f96-4e5e-ace9-ba9fe7902744.MOV
Mac + Safari 下触摸板滑动
https://user-images.githubusercontent.com/21240282/174305889-c46ed2be-b272-4136-9a61-fd9724f74618.MOV
iPad + Safari 下触摸板滑动(最流畅)
https://user-images.githubusercontent.com/21240282/174306012-2821ee37-b939-4cb7-9c98-70cd01e68716.MOV
框架版本
3.2.37
浏览器版本
Edge(102)
系统版本
MacOS(12.4)
Node版本
No response
补充说明
_No response
👋 @Kigoal,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @xkelvinx666 @uyarn @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @Kigoal 。
任何人都可以处理此问题。
请务必在您的 pull request
中引用此问题。 :sparkles:
感谢你的贡献! :sparkles:
目前测试下来 chromium内核 + 类似touchpad的设备 scroll会触发多次 需要找个方式规避这个问题 或者改造一下目前的col的结构
https://user-images.githubusercontent.com/9882649/188257488-0fc29d0b-743d-4644-ab2d-b331fd6f9a09.mov
尝试了一下,通过修改填充的伪元素高度,滚动到边界之后不往回 scroll 就没有问题
之前:
之后:
这个 Issues 现在可以认领吗 @uyarn
@jiazengp 不好意思才看到 已经修复了
已在 0.46.4 版本修复