Challenge x2 on CF7 forms

Hi,

It appears this may not be a plugin specific issue, but more so a issue on Cloudflares end.

Looking at this Cloudflare Community support thread it seems some others are having similar issues, even without specifically using this plugin.

https://community.cloudflare.com/t/turnstile-ready-firing-twice/690171

I am still investigating however.

Just to add that, on my site, it appears duplicated for CF7 AFTER successful submission. I hope there is a solution to this problem.

Hi @elliotvs, thank you for your reply and time!

In the mean time, I fixed it with this CSS snippet ?? so no pressure and let’s just wait for CF to solve it!

cc @sao987 See below:

.cf-turnstile > div:not(:last-child) {
	display: none;
}

Kind regards!

Jaime

@jmslbam Thanks for your CSS snippet! It works well while we continue waiting for CF to resolve the issue.

Hi, I think it is not turnstile issue. In “contact-form-7.php” you have the this code:
<script>
? ? ? ? document.addEventListener(“DOMContentLoaded”,function(){
? ? ? ? ? ? document.querySelectorAll(‘.wpcf7-form’).forEach(function(e){
? ? ? ? ? ? ? ? e.addEventListener(‘submit’,function(){
? ? ? ? ? ? ? ? ? ? if(document.getElementById(‘cf-turnstile-cf7-<?php echo $id; ?>’)){
? ? ? ? ? ? ? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? ? ? ? ? ? ? turnstile.render(‘#cf-turnstile-cf7-<?php echo $id; ?>’);
? ? ? ? ? ? ? ? ? ? ? ? },4000)}
? ? ? ? ? ? ? ? })
? ? ? ? ? ? })
? ? ? ? });</script>

This script renders a new widget each time the submit button is pressed, but there is no removal of the previous widget.

In the same code you can remove the previous widget before rendering a new one. For example with:
document.getElementById(‘cf-turnstile-cf7-<?php echo $id; ?>’).innerHTML = ”;

There could be a better way, but this one is working.

Hi,

Please could you try version 1.27.0 and see if this resolves the issue for you?

• This reply was modified 3 months, 3 weeks ago by Elliot Sowersby.

Perfect! everything working as expected.
Thank you for the fast resolution of the issue.