单击提交按钮后，Gravity Forms 输入字段向下移动

Question

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

中修复它

您可以查看操作here

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

如有任何想法和建议，我们将不胜感激。

谢谢， 菲利普

Answer 1

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

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

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

Answer 2

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

.gform_ajax_spinner {
    position: absolute;
}