How to fix Gravity Forms reCAPTCHA widget loading issues within Elementor Pro popups
When integrating Gravity Forms with Elementor popups, users encounter a critical issue where the reCAPTCHA widget fails to load correctly, impeding the form submission process. This glitch hinders users from successfully sending their forms, impacting the overall functionality of the website. To address this problem, a solution involves the addition of specific code.
Simply add a HTML widget below the form in question and copy and paste the below code into it.
<script>
jQuery( document ).on( 'elementor/popup/show', () => {
setTimeout(() => {
window.gform.recaptcha.renderRecaptcha();
}, 100);
} );
</script>
This code addresses loading issues between Gravity Forms and the reCAPTCHA widget when embedded within Elementor popups.