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

Date picker is laggy #38686

Closed
AsuraKev opened this issue Nov 18, 2022 · 9 comments · Fixed by #41090
Closed

Date picker is laggy #38686

AsuraKev opened this issue Nov 18, 2022 · 9 comments · Fixed by #41090
Assignees

Comments

@AsuraKev
Copy link

Reproduction link

https://ant.design/components/date-picker

Steps to reproduce

Click on any date picker, especially the range picker there is a huge lag in the dropdown

What is expected?

should be smooth like v4

What is actually happening?

animation lag

Environment Info
antd 5.0.0
React 18
System web
Browser chrome
@github-actions
Copy link
Contributor

You may look for issues:

  1. 57% DatePicker maxDate and minDate #5146

🤖 By issues-similarity-analysis

@zombieJ
Copy link
Member

zombieJ commented Nov 18, 2022

Thanks for feedback. Could you help provide a screen record about this?

@zombieJ zombieJ added the 5.x label Nov 18, 2022
@MatrixAge
Copy link

+1 TimePicker的Popover有明显弹出延迟。

@AsuraKev
Copy link
Author

It looks like only the date picker example in the documentation is having animation lag on the popover. In the code pen it seems smooth, maybe its multiple datepicker instances on the doc that causes it? Same with the Menu, on initial collapse it lags and its fine after

@zombieJ
Copy link
Member

zombieJ commented Nov 18, 2022

Maybe same issue as #38548

@afc163
Copy link
Member

afc163 commented Nov 22, 2022

Try 5.0.1

@MatrixAge
Copy link

Try 5.0.1

https://ant.design/~demos/components-date-picker-demo-range-picker
https://ant.design/~demos/components-time-picker-demo-basic

Macos Ventura 13.0.1 (22A400)
Chrome 版本 107.0.5304.110(正式版本) (x86_64)

点击大约0.5s的延迟弹出,点击页面其他处,组件失焦,弹层会抖动一下,然后消失(新窗口打开上述example依然如此)。

@zjfresh
Copy link
Contributor

zjfresh commented Nov 23, 2022

.ant-slide-up-appear opacity: 0 动画的去除时间太长导致点击弹出有0.5s以上的延迟

image

image

@afc163
Copy link
Member

afc163 commented Nov 23, 2022

比起 4.x 确实慢半拍:https://4x-ant-design.antgroup.com/components/date-picker-cn/

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

Successfully merging a pull request may close this issue.

5 participants