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

Form.Item help text causing jumpy content height #21206

Closed
1 task done
samit4me opened this issue Feb 3, 2020 · 4 comments · Fixed by #21211
Closed
1 task done

Form.Item help text causing jumpy content height #21206

samit4me opened this issue Feb 3, 2020 · 4 comments · Fixed by #21211
Assignees
Labels
4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. 👷🏻‍♂️ Someone working on it

Comments

@samit4me
Copy link

samit4me commented Feb 3, 2020

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

  • Click "Open Form" button.
  • Enter some text into "Username" field.

What is expected?

The help/error message to disappear.

What is actually happening?

The help/error message does disappear but due to the animation and class "ant-form-item-with-help" the page changes in height which is jumpy when inside modals.

Please note that normal error messages (e.g. not using help) appear to work as expected, see the "Password" field.

Environment Info
antd 4.0.0-rc.3
React 16.12.0
System Ubuntu 18.04.3 LTS
Browser Chrome 79

In v3 this seems to work as expected https://codesandbox.io/s/tender-kare-qznfs

In v4 this causes the jumpy content height https://codesandbox.io/s/long-star-td4ir

@afc163 afc163 added 4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. labels Feb 4, 2020
@zombieJ zombieJ self-assigned this Feb 4, 2020
@zombieJ
Copy link
Member

zombieJ commented Feb 4, 2020

ref #20836

@lzqtxwd
Copy link

lzqtxwd commented Nov 12, 2020

image
这个问题仍然存在,上图是antd官网的截图。

@zombieJ
Copy link
Member

zombieJ commented Nov 13, 2020

能开个新的 issue 不?

@olegmdev
Copy link

olegmdev commented Nov 3, 2022

+1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4.x In Ant Design 4.0 🐛 Bug Ant Design Team had proved that this is a bug. 👷🏻‍♂️ Someone working on it
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants