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

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

Closed
Kigoal opened this issue Jun 17, 2022 · 8 comments · Fixed by Tencent/tdesign-common#802, Tencent/tdesign-react#1426 or Tencent/tdesign-react#1430
Assignees
Labels
🐞 bug Something isn't working 🙏🏻 help wanted Extra attention is needed issueShoot 上架到腾讯内部issueshoot平台的任务 to be published to be published

Comments

@Kigoal
Copy link

Kigoal commented Jun 17, 2022

tdesign-vue-next 版本

0.16.0

重现链接

重现步骤

触摸板滑动

期望结果

流畅的动画

实际结果

Mac + Edge 下触摸板滑动

Upload.from.GitHub.for.iOS.MOV
Upload.from.GitHub.for.iOS.MOV

Mac + Safari 下触摸板滑动

Upload.from.GitHub.for.iOS.MOV

iPad + Safari 下触摸板滑动(最流畅)

Upload.from.GitHub.for.iOS.MOV

框架版本

3.2.37

浏览器版本

Edge(102)

系统版本

MacOS(12.4)

Node版本

No response

补充说明

_No response

@github-actions
Copy link
Contributor

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

@Kigoal Kigoal changed the title [组件名称] 描述问题的标题 [TimePicker] 在Edge下动效异常 Jun 17, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Jun 17, 2022

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

@uyarn uyarn added the 🙏🏻 help wanted Extra attention is needed label Jun 22, 2022
@github-actions
Copy link
Contributor

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

@uyarn
Copy link
Collaborator

uyarn commented Jun 22, 2022

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

@uyarn uyarn changed the title [TimePicker] 在Edge下动效异常 [TimePicker] 在chromium下使用touchpad滚动到边界效果异常 Jul 4, 2022
@PengYYYYY PengYYYYY added 🐞 bug Something isn't working and removed 🙏🏻 help wanted Extra attention is needed labels Jul 31, 2022
@uyarn uyarn added issueShoot 上架到腾讯内部issueshoot平台的任务 🙏🏻 help wanted Extra attention is needed and removed 🪨 Stale labels Aug 31, 2022
@Tencent Tencent deleted a comment from github-actions bot Aug 31, 2022
@Tencent Tencent deleted a comment from github-actions bot Aug 31, 2022
@HelKyle
Copy link
Contributor

HelKyle commented Sep 3, 2022

time-picker.mov

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

之前:
image

之后:
image

@jiazengp
Copy link

jiazengp commented Sep 6, 2022

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

@uyarn
Copy link
Collaborator

uyarn commented Sep 6, 2022

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

@uyarn uyarn added the to be published to be published label Sep 6, 2022
@github-actions github-actions bot mentioned this issue Sep 6, 2022
15 tasks
@xiaosansiji
Copy link
Collaborator

已在 0.46.4 版本修复

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment