reCaptcha not rendered [RESOLVED]

We have several sites with Gravity Forms installed. One of them had the plugin updated to latest version (2.10.1) via the auto update, the other 2 were still on 2.7.17 and 2.6.5 (auto update was disabled for both).

Currently the form on the site with latest Gravity Forms had the reCaptcha not rendered on front end. reCaptcha keys have been validated in the settings so it’s not an issue with reCaptcha account. When we check the front end, we can see that the container for reCaptcha is there, but it was not converted into reCaptcha. Here’s the form URL (form at the bottom, with reCaptcha supposed to be rendered just above the Submit button)

As a comparison, this is our other site (the one that still use 2.7.17). Both are using same theme and has same Wordpress version (6.9.4)

https://marigold.com.sg/contact/

Comparing the source code of those pages, the site that isn’t working has Cloudflare Rocket Loader enabled. It is known to cause JS issues, including preventing the form init scripts from running.

Pages that include forms should be excluded from caching and script optimization features. See the following page of the documentation:

Below is our other site that uses 2.6.5. This one doesn’t seems to have the issue even though I saw Cloudflare Rocket Loader enabled here

Ok after disabling Rocket Loader on the page the reCaptcha works now :smiley:

Though I wonder why the reCaptcha on the site that uses 2.6.5 still load ok despite having Rocket Loader enabled

2.6.5 uses inline init scripts, whereas 2.9 and newer moved most of them to .js files. Cloudflare Rocket Loader seems to impact .js files more than inline scripts.

By the way, it is important for site security that WordPress, theme, and all plugins are updated to the latest versions.