单击提交按钮后重力表单输入字段向下移动答案

【问题标题】：Gravity Forms input field shifts down after clicking the submit button单击提交按钮后重力表单输入字段向下移动
【发布时间】：2020-06-11 16:48:02
【问题描述】：

我有一个内联重力表单设置来捕获电子邮件提交。我遇到的问题是每次单击提交按钮时，输入字段都会向下移动一点。我不太确定这发生在哪里，是否可以在 CSS 中修复。

您可以查看动作here

我在提交表单时尝试在控制台中查看代码，但没有找到问题。

任何想法和建议将不胜感激。

谢谢，菲利普

【问题讨论】：

【解决方案1】：

问题是由 Gravity 表单的 ajax 加载器（微调器图像）引起的。

您是如何将提交和输入字段并排放置的？将display: flex 添加到.site-footer .gform_wrapper form 后，它应该可以正常工作。

您还可以使用选择器.gform_ajax_spinner 使用CSS 设置ajax 加载器的样式。也许display: inline 可以修复它，或者如果这更容易，您也可以隐藏它。

【讨论】：

【解决方案2】：

您可以将以下样式添加到您的.gform_ajax_spinner，问题将得到解决。

.gform_ajax_spinner {
    position: absolute;
}

【讨论】：