Form item in modal with "extra" prop will covered by validate message.

[ccforeverd]

Reproduction link

https://github.com/hackexp-FE/maple-monorepo

Steps to reproduce

<Modal open>
  <Form>
    <Form.Item name="test" extra="extra message" rules={[rules.url]}>
      <Input />
    </Form.Item>
  </Form>
</Modal>

What is expected?

extra message and validate message should be in seperate line in modal

What is actually happening?

they are overlapping

Environment	Info
antd	5.0.7
React	18.2.0
System	MacOS
Browser	Chrome Version 108.0.5359.124 (Official Build) (arm64)

[ccforeverd]

[BoyYangzai]

https://github.com/hackexp-FE/maple-monorepo

your link is dead

[github-actions[bot]]

Hello @ccforeverd. Please provide a online reproduction by forking codesandbox of [email protected] or [email protected], or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @ccforeverd, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 [email protected] 或 [email protected] 的 codesandbox，或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。