Форма CF7 на ios отправляется с перезагрузкой страницы?

Question

[xanzik312]

Доброго времени суток.
На андроиде тестировал все работает без проблем.
Есть так же 2 устройства iphone 11 и 5s(у заказчика), на более новом 11 работает так же хорошо.
А вот на 5s форма отправляется уже с перезагрузкой.

wp__head и wp_footer находятся на своих местах.
Прочитал что решением проблемы может быть вставка данного кода

<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http://ДОМЕН_ВАШЕГО_САЙТА.КОМ/wp-json/contact-form-7/v1","namespace":"contact-form-7/v1"},"recaptcha":{"messages":{"empty":"u0411u0443u0434u044c u043bu0430u0441u043au0430, u043fu0456u0434u0442u0432u0435u0440u0434u0456u0442u044c, u0449u043e u0432u0438 u043du0435 u0440u043eu0431u043eu0442."}}};
/* ]]> */
</script>
<script type='text/javascript' src='http://ДОМЕН_ВАШЕГО_САЙТА.КОМ/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.6.2'></script>

В консоли DevTools, заметил такую ошибку

TypeError: `${null===(n=e.wpcf7)||void 0===n?void 0:n.unitTag}-ve-${t}`.replaceAll is not a function. (In '`${null===(n=e.wpcf7)||void 0===n?void 0:n.unitTag}-ve-${t}`.replaceAll(/[^0-9a-z_-]+/gi,"")', '`${null===(n=e.wpcf7)||void 0===n?void 0:n.unitTag}-ve-${t}`.replaceAll' is undefined)$ @ index.js?ver=5.6.2:1(anonymous function) @ index.js?ver=5.6.2:1forEach @ [native code]:1k @ index.js?ver=5.6.2:1(anonymous function) @ index.js?ver=5.6.2:1z @ index.js?ver=5.6.2:1(anonymous function) @ index.js?ver=5.6.2:1reset @ [native code]:1(anonymous function) @ index.js?ver=5.6.2:1

Есть какие то еще решения для устранения проблемы?

Comments

[Антон Литвиненко]

обьяснить что в современном вебе чтото может и не работать на телефоне 9 летней давности

[xanzik312]

Антон Литвиненко, суть в том, что на другом сайте тоже на WP, форма отправляется без перезагрузок.

[xanzik312]

Антон Литвиненко, вычитал в одих из ответов, вот что:
устройства iOS:
- имеют отставку синхронных методов AJAX и используют только асинхронные
- не разрешать cachinig

У меня была одна форма(т.е квиз) без использования плагинов, а написаный вручную.
И я добавил в $.ajax({ async: true,
cache: false, })
И квиз успешно работает. Можно ли это применить к формам CF7?

[xanzik312]

Антон Литвиненко, протестировал в эмуляторе форма не работает на любом ios вне зависимости от браузера.
Даже если форма не заполнена и нажимаешь submit страница перезагружается.
В консоле посмотрел, и там выводится вот такая ошибка:

Uncaught TypeError: (intermediate value)(intermediate value)(intermediate value)t.replaceAll is not a function
    at $ (index.js?ver=5.6.2:1)
    at index.js?ver=5.6.2:1
    at NodeList.forEach (<anonymous>)
    at k (index.js?ver=5.6.2:1)
    at index.js?ver=5.6.2:1
    at index.js?ver=5.6.2:1
    at i (index.js?ver=5.6.2:1)
    at Object.z [as reset] (index.js?ver=5.6.2:1)
    at HTMLFormElement.<anonymous> (index.js?ver=5.6.2:1)
    at index.js?ver=5.6.2:1

Answer 1

[xanzik312]

Проблема решена, я просто откатил версию плагина CF7 с 5.6.2 до 5.6