Form表单项校验位置高度出现抖动 #10445

sbyps · 2018-05-09T11:42:46Z

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

Version

3.5.1

Environment

win7, chrome 61.0.3163.100

Reproduction link

https://ant.design/components/form-cn/#components-form-demo-register

Steps to reproduce

https://ant.design/components/form-cn/#components-form-demo-register
1、在password项输入1后迅速删除表单项高度出现抖动，重复多次
2、试验多次后发现当校验处于临界状态时，高度会出现抖动

What is expected?

表单项高度不发生改变

What is actually happening?

表单项高度校验位置高度发生改变

ant-design-bot · 2018-05-09T11:42:47Z

Translation of this issue:

Form item check position height jitter

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

Version

3.5.1

Environment

Win7, chrome 61.0.3163.100

Reproduction link

https://ant.design/components/form-cn/#components-form-demo-register

Steps to reproduce

Https://ant.design/components/form-cn/#components-form-demo-register
1, quickly delete the form item height jitter appears in the password entry 1
2. Tested several times and found that when the calibration is in the critical state, the height will appear jitter

What is expected?

Form item height does not change

What is actually happening?

Form item height check position height changed

sbyps · 2018-05-09T11:45:30Z

#7730 和这个问题有类似

sbyps · 2018-05-09T12:06:18Z

#9675 似乎这个修复不完整吧

sbyps · 2018-05-09T12:09:58Z

@jljsj33

jljsj33 · 2018-05-10T03:23:31Z

css 动效的通病。。。。

160: Update dependency antd to v3.5.2 r=rehandalal a=renovate[bot] This Pull Request updates dependency [antd](https://github.com/ant-design/ant-design) from `v3.5.1` to `v3.5.2` <details> <summary>Release Notes</summary> ### [`v3.5.2`](https://github.com/ant-design/ant-design/releases/3.5.2) [Compare Source](ant-design/ant-design@3.5.1...3.5.2) - 🐞 Fixed `Cascader` displayRender z-index issue. [#10433](`ant-design/ant-design#10433) - 🐞 Fixed `Button` Types of property 'ref' are incompatible. [#10405](`ant-design/ant-design#10405) - 🐞 Fixed `Table` filter doesn't work on checkbox click. [#10452](`ant-design/ant-design#10452) - 🐞 Fixed the height of `Form` item when checks position is dithered. [#10445](`ant-design/ant-design#10445) - 🌟 Allow to use any CSS units for `Layout` width. [#10479](`ant-design/ant-design#10479) --- - 🐞 修复 `Cascader` 的 displayRender 问题。[#10433](`ant-design/ant-design#10433) - 🐞 修复 `Button` ref 不兼容问题。[#10405](`ant-design/ant-design#10405) - 🐞 修复 `Table` 过滤器在复选框上不起作用。[#10452](`ant-design/ant-design#10452) - 🐞 修复 `Form` 表单项校验位置高度时出现抖动问题。[#10445](`ant-design/ant-design#10445) - 🌟 设置 `Layout` 宽度时，允许使用任何的 CSS 单位。 [#10479](`ant-design/ant-design#10479) --- </details> --- This PR has been generated by [Renovate Bot](https://renovatebot.com). Co-authored-by: Renovate Bot <bot@renovateapp.com>

johnJine · 2022-07-05T03:28:29Z

解决方法1:
.ant-form.ant-form-horizontal .ant-form-item{
margin-bottom: 0;
min-height: 56px;
}

右侧内容超过56px，例如formList， gameover吧

jljsj33 mentioned this issue May 10, 2018

fix 10445 #10457

Merged

afc163 closed this as completed May 10, 2018

github-actions bot mentioned this issue Jul 23, 2022

Form表单验证会抖动 #36669

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Form表单项校验位置高度出现抖动 #10445

Form表单项校验位置高度出现抖动 #10445

sbyps commented May 9, 2018 •

edited

ant-design-bot commented May 9, 2018

sbyps commented May 9, 2018

sbyps commented May 9, 2018

sbyps commented May 9, 2018

jljsj33 commented May 10, 2018

johnJine commented Jul 5, 2022 •

edited

Form表单项校验位置高度出现抖动 #10445

Form表单项校验位置高度出现抖动 #10445

Comments

sbyps commented May 9, 2018 • edited

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

ant-design-bot commented May 9, 2018

Form item check position height jitter

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

sbyps commented May 9, 2018

sbyps commented May 9, 2018

sbyps commented May 9, 2018

jljsj33 commented May 10, 2018

johnJine commented Jul 5, 2022 • edited

sbyps commented May 9, 2018 •

edited

johnJine commented Jul 5, 2022 •

edited