ant-design form 表单项有校验信息时 extra 出现非预期的间距

gstyhher 于 4个月前发布在其他

关注(0)|答案(5)|浏览(65)

Reproduction link

Steps to reproduce

使用官方文档中的注册新用户表单case，通过design token设置 itemMarginBottom 或用自定义样式覆盖 .ant-form-item的margin-bottom, 超出默认的24px，当表单项验证错误，显示校验文本时，表单项的 extra 距离校验文本多出了 item margin-bottom的间距，这应该是不符合预期的，原因是与校验文本同级的div中多出了一个div，内联设置高度为 item的 margin-bottom

What is expected?

extra与校验文本元素间不应该有item margin-bottom 的间距

What is actually happening?

extra与校验文本元素间出现了 item margin-bottom 的间距
| Environment | Info |
| ------------ | ------------ |
| antd | 5.19.3 |
| React | react |
| System | Mac |
| Browser | Chrome |

ant-design

来源：https://github.com/ant-design/ant-design/issues/50026