title: How To Prevent Ant design Form Validation Messages from breaking & bugging
body: <p>Using Ant Design Forms Is A Pretty Good Practice Both For It's Beautiful UI And Simple Usage. Though I Get Some Weird Issue With UI. When I intentionally Fill Wrong Input It Gives An Error Message With Animation, But After Fixing That Antd Behaves strange A Little Bit. How To Fix That???</p>
  <p>[2] Here Is My Form Code</p>
  <pre><code>&lt;Form form={form} layout=&quot;vertical&quot; onFinish={onFinish} autoComplete=&quot;off&quot;&gt;
                  &lt;Form.Item&gt;Item name=&quot;message&quot; label=&quot;Message&quot; rules={[{ required: true, message: messages.description }]} &gt; &lt;Input /&gt; &lt;/Form.Item&gt;
                  &lt;Form.Item name=&quot;rating&quot; label=&quot;Rate Training&quot;&gt;
                      &lt;&gt;
                          &lt;Rate onChange={setValue} value={value} /&gt;
                          &lt;span className=&quot;ant-rate-text&quot;&gt;&lt;/span&gt;
                      &lt;/&gt;
                  &lt;/Form.Item&gt;
                  &lt;Form.Item&gt;
                      &lt;Button loading={isFeedbackSentLoading} type=&quot;primary&quot; htmlType=&quot;submit&quot; style={{ width: &quot;100%&quot; }}&gt;
                          Submit
                      &lt;/Button&gt;
                  &lt;/Form.Item&gt;
              &lt;/Form&gt;
  </code></pre>