Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Broken for latest Elementor version (v3.25.x) #139

Open
Dogway opened this issue Nov 23, 2024 · 3 comments
Open

Broken for latest Elementor version (v3.25.x) #139

Dogway opened this issue Nov 23, 2024 · 3 comments
Assignees

Comments

@Dogway
Copy link

Dogway commented Nov 23, 2024

It can be that or Wordpress 6.7.x since those are the major changes for the last few days.

Using Elementor Forms, I add a new Forms field with type FriendlyCaptcha. When using either Firefox or Chrome the captcha widget isn't visible, hence the form fails upon submitting. So I have had to remove it. I checked Dev Console but no insights there.

The widget works when I'm logged in into Wordpress and I preview the page, though.

This is the page link: https://asociaciondigitalcanaria.es/cursos/pre-impresion/

@merlinfuchs
Copy link
Member

Hey, thanks for the report!

I sadly can't reproduce your issue with the latest WorrdPress version (6.7.1) and Elementor version (3.25.10). The Captcha displays and woks as expected. Maybe you have installed / upgraded another plugin that could interfere?

@Dogway
Copy link
Author

Dogway commented Nov 26, 2024

Thanks, I had to deactivate the plugin, I reenabled it again. This is the div container I have:

<div class="elementor-field-type-frcaptcha elementor-field-group elementor-column elementor-field-group-field_captcha elementor-col-100">
  <div class="frc-captcha dark" data-sitekey="XXXXXXXXXXXXXX" data-lang="es"></div>
  <noscript>You need to enable Javascript for the anti-spam check.</noscript>
  <style>
    .frc-captcha {
      max-width: 100%;
      width: 100%;
    }
  </style>
  <input 
    type="frcaptcha text" 
    name="form_fields[field_captcha]" 
    id="form-field-field_captcha" 
    class="elementor-field elementor-size-sm" 
    style="display: none">
</div>

This is the div in the working version. I will try staging it and delete other plugins to see what causes the conflict. Thanks.:

<div class="elementor-field-type-frcaptcha elementor-field-group elementor-column elementor-field-group-field_captcha elementor-col-100">
  <div class="frc-captcha dark" data-sitekey="XXXXXXXXXXXXXX" data-lang="es" data-attached="1">
    <div class="frc-container">
      <svg class="frc-icon" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" height="32" width="32" viewBox="0 0 24 24">
        <path d="M17,11c0.34,0,0.67,0.04,1,0.09V6.27L10.5,3L3,6.27v4.91c0,4.54,3.2,8.79,7.5,9.82c0.55-0.13,1.08-0.32,1.6-0.55 C11.41,19.47,11,18.28,11,17C11,13.69,13.69,11,17,11z"></path>
        <path d="M17,13c-2.21,0-4,1.79-4,4c0,2.21,1.79,4,4,4s4-1.79,4-4C21,14.79,19.21,13,17,13z M17,14.38"></path>
      </svg>
      <div class="frc-content">
        <span class="frc-text">Verificación Anti-Robot</span>
        <button type="button" class="frc-button">Haga clic para iniciar la verificación</button>
      </div>
    </div>
    <span class="frc-banner">
      <a lang="en" href="https://friendlycaptcha.com/" rel="noopener" target="_blank">
        <b>Friendly</b>Captcha ⇗
      </a>
    </span>
    <input name="frc-captcha-solution" class="frc-captcha-solution" type="hidden" value=".UNSTARTED">
  </div>
  <noscript>You need to enable Javascript for the anti-spam check.</noscript>
  <style>.frc-captcha {max-width: 100%; width:100%}</style>
  <input type="frcaptcha text" name="form_fields[field_captcha]" id="form-field-field_captcha" class="elementor-field elementor-size-sm " style="display: none">
</div>

No dice. I checked by disabling Autoptimize, WPCode, Complianz... (only have very few plugins). I also tried playing with FC settings, disabling CSS, and other ones.
An observation is that after previewing the page the widget shows up, but after a page reload it disappears, then it won't show after following reloads.

@merlinfuchs
Copy link
Member

Thanks for the additional information!

An observation is that after previewing the page the widget shows up, but after a page reload it disappears, then it won't show after following reloads.

That's an interesting observation, and one other customer has reported the same recently. Sadly, we haven't been able to find the underlying issue yet.
I'm happy to help troubleshoot this, it's just difficult when we can't reproduce it ourselves 😕

@merlinfuchs merlinfuchs self-assigned this Nov 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants