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.

Sign up for GitHub

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

Jump to bottom

Date range picker with status broken animation when selecting the end date #44177

Closed
AsuraKev opened this issue Aug 11, 2023 · 5 comments · May be fixed by react-component/picker#665
Closed

Date range picker with status broken animation when selecting the end date #44177

AsuraKev opened this issue Aug 11, 2023 · 5 comments · May be fixed by react-component/picker#665
Assignees
@kiner-tang
Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive

Comments

@AsuraKev
Copy link

Reproduction link

Edit on CodeSandbox

Steps to reproduce

select the start date and when choose the end date the dropdown animation is broken

What is expected?

smooth animation transition

What is actually happening?

animation flickers

Environment Info
antd 5.8.3
React 18.2
System web
Browser chrome
@AsuraKev
Copy link
Author

this is the sandbox containing the range picker https://codesandbox.io/s/x5gxvh

Try populate the start and end date you ll see the datepicker dropdown shaking like a seizure

@MadCcc
Copy link
Member

MadCcc commented Aug 14, 2023

Could you provide a video on your screen? Didn't find anything wrong in your reproduction.

@AsuraKev
Copy link
Author

Sure :)

366405728_6653761694684833_6008977974505608477_n.mp4

@MadCcc MadCcc added 🐛 Bug Ant Design Team had proved that this is a bug. and removed unconfirmed labels Aug 14, 2023
@AsuraKev
Copy link
Author

Better quality recording

2023-08-15.14.40.56.mp4

@kiner-tang kiner-tang self-assigned this Aug 15, 2023
@kiner-tang kiner-tang mentioned this issue Aug 15, 2023
Open
@zombieJ zombieJ mentioned this issue Nov 29, 2023
Merged
69 tasks
@zombieJ
Copy link
Member

zombieJ commented Feb 20, 2024

Picker component has been refactor in 5.14.0, and this issue is discussed and handled with react-component/picker#691 which will be marked as closed.

Please feel free to create new issue if you have any further question :)

Picker 组件于 5.14.0 版本进行了重构，此问题已被 react-component/picker#691 中进行讨论与处理。

如果有任何问题，欢迎随时创建新的 issue :)

@zombieJ zombieJ closed this as completed Feb 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kiner-tang kiner-tang

Labels
🐛 Bug Ant Design Team had proved that this is a bug. Inactive
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: solve animation jitter when input area less width than picker panel issue kiner-tang/picker
5 participants
@afc163 @zombieJ @kiner-tang @MadCcc @AsuraKev