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

Form表单中.ant-form-item中的margin-bottom改小后 在进行validateFields校验 rules必填项的判断动画卡顿 #38947

Closed
zhengxdlol opened this issue Nov 24, 2022 · 2 comments · Fixed by #38962
Closed

Form表单中.ant-form-item中的margin-bottom改小后 在进行validateFields校验 rules必填项的判断动画卡顿 #38947

zhengxdlol opened this issue Nov 24, 2022 · 2 comments · Fixed by #38962
Labels
🐛 Bug Ant Design Team had proved that this is a bug.

Comments

@zhengxdlol
Copy link

Reproduction link

Edit on CodeSandbox

Steps to reproduce

上面链接是你们官网Form的代码
Form表单中.ant-form-item中的margin-bottom改小后 在进行validateFields校验 rules必填项的判断动画卡顿
添加.ant-form-item {
margin-bottom: 8px;
}的样式后
在进行required判断后会出现卡顿
先出现message提示后在将margin变大

What is expected?

和4.x一样 同时进行

What is actually happening?

5.x和4.x效果不一样

Environment Info
antd 5.0.1
React ^17.0.2
System win 10
Browser Chrome 107.0.5304.107
@zhengxdlol
Copy link
Author

import { EditableProTable } from '@ant-design/pro-components';
EditableProTable 中的required也是有卡顿的现象

@zombieJ
Copy link
Member

zombieJ commented Nov 24, 2022

看起来是动画丢失了

@zombieJ zombieJ added the 🐛 Bug Ant Design Team had proved that this is a bug. label Nov 24, 2022
@zombieJ zombieJ mentioned this issue Nov 24, 2022
Merged
19 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Ant Design Team had proved that this is a bug.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: form missing motion validate ant-design/ant-design
2 participants
@zombieJ @zhengxdlol