Поле ввода Gravity Forms смещается вниз после нажатия кнопки отправки

У меня есть встроенная настройка гравитационной формы для захвата отправки по электронной почте. Проблема, с которой я сталкиваюсь, заключается в том, что каждый раз, когда нажимается кнопка отправки, поле ввода немного сдвигается вниз. Я не совсем уверен, где это происходит и можно ли это исправить в CSS.

Посмотреть действие можно здесь

Я пытался просмотреть код в консоли при отправке формы, но мне не удалось найти проблему.

Любые мысли и предложения будут оценены.

Спасибо, Филипп


person Phillip    schedule 27.02.2020    source источник


Ответы (2)


Проблема вызвана загрузчиком ajax формы Gravity (изображение счетчика).

Как вы разместили поля отправки и ввода рядом друг с другом? С добавлением display: flex к .site-footer .gform_wrapper form все должно работать нормально.

Вы также можете настроить загрузчик ajax с помощью CSS, используя селектор .gform_ajax_spinner. Может быть, display: inline сможет это исправить, или вы также можете скрыть это, если это проще.

person Julia    schedule 27.02.2020
comment
Спасибо, Юлия, это решило мою проблему. Я смог получить встроенную форму, используя имя класса CSS гравитационных форм gf_simple_horizontal. - person Phillip; 28.02.2020

Вы можете добавить следующий стиль к своему .gform_ajax_spinner, и проблема будет устранена.

.gform_ajax_spinner {
    position: absolute;
}
person Anesti    schedule 09.05.2021