tdesign-vue-next icon indicating copy to clipboard operation
tdesign-vue-next copied to clipboard

[TimePicker] 在chromium下使用touchpad滚动到边界效果异常

Open Kigoal opened this issue 2 years ago • 4 comments

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 avatar Jun 17 '22 13:06 Kigoal

👋 @Kigoal,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Jun 17 '22 13:06 github-actions[bot]

♥️ 有劳 @xkelvinx666 @uyarn @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @Kigoal 。

github-actions[bot] avatar Jun 17 '22 13:06 github-actions[bot]

任何人都可以处理此问题。 请务必在您的 pull request 中引用此问题。 :sparkles: 感谢你的贡献! :sparkles:

github-actions[bot] avatar Jun 22 '22 10:06 github-actions[bot]

目前测试下来 chromium内核 + 类似touchpad的设备 scroll会触发多次 需要找个方式规避这个问题 或者改造一下目前的col的结构

uyarn avatar Jun 22 '22 10:06 uyarn

https://user-images.githubusercontent.com/9882649/188257488-0fc29d0b-743d-4644-ab2d-b331fd6f9a09.mov

尝试了一下,通过修改填充的伪元素高度,滚动到边界之后不往回 scroll 就没有问题

之前: image

之后: image

HelKyle avatar Sep 03 '22 05:09 HelKyle

这个 Issues 现在可以认领吗 @uyarn

jiazengp avatar Sep 06 '22 04:09 jiazengp

@jiazengp 不好意思才看到 已经修复了

uyarn avatar Sep 06 '22 06:09 uyarn

已在 0.46.4 版本修复

xiaosansiji avatar Sep 07 '22 09:09 xiaosansiji