wpforms_settings is not defined

Resolved ra71a
(@ra71a)

4 days, 1 hour ago

Recapcha issue, does not adapt to zoomed screen.

That means wpforms_settings is not defined error happens even on the raw, unmerged plugin file.

This means WP-Optimize’s JS merging setting is breaking WPForms’ own validation script. WPForms normally outputs a small inline <script> block that defines wpforms_settings (a config object) before its main JS file loads and reads it. When WP-Optimize merges/reorders scripts into that wpo-minify-footer-*.js bundle, that inline settings object either gets left out of the bundle or ends up loading in the wrong order — so by the time WPForms tries to read wpforms_settings, it doesn’t exist yet, and validation throws an error.

It could easily be dragging down the mobile PageSpeed score (a JS error stopping script execution can cascade into worse Total Blocking Time / longer load).More importantly — if form validation is broken, that’s a genuine functional bug on your contact form

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support Amjad Ali
(@amjadali688)

2 days, 3 hours ago

Hi @ra71a ,

Thanks for reaching out, and sorry for the trouble here.

Based on the error you shared, it looks like WP-Optimize’s JavaScript optimization is affecting the WPForms validation script. In particular, the JavaScript merging/reordering can cause the wpforms_settings configuration to load in the wrong order, which prevents the form from validating correctly.

Could you please go to WP-Optimize > Minify > JavaScript and switch off Delay JavaScript and Defer JavaScript, including Defer jQuery if that option is enabled? Then please purge your cache and test the form again.

If the issue is resolved, you can leave the other JavaScript optimization options enabled and we can narrow down which setting is causing the conflict.

Regarding the reCAPTCHA sizing, the reCAPTCHA widget is rendered inside a frame controlled by Google, so it does not automatically resize when the page is zoomed. This is a limitation of the reCAPTCHA widget rather than something WPForms can control.

If disabling JavaScript merging does not resolve the validation issue, please share the page URL where the form is embedded and we’ll be happy to take another look.

Plugin Support Amjad Ali
(@amjadali688)

33 minutes ago

Hi @ra71a ,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!
Thread Starter ra71a
(@ra71a)

25 minutes ago
```
Hi Amjad

This was off already. I've spent a over a week messing around with the settings to no success.

With the reCAPTCHA. My work around it was this Snippet. My page url is - TDSM

/* Fix WPForms recaptcha + submit button overflow on narrow/zoomed viewports */

.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {

    max-width: 100%;

    overflow: hidden;

}

.wpforms-container-full .wpforms-form .wpforms-recaptcha-container > div {

    max-width: 100%;

    transform-origin: left top;

}

/* Google's reCAPTCHA iframe wrapper itself */

.wpforms-recaptcha-container iframe {

    max-width: 100%;

}

.wpforms-container-full .wpforms-form .wpforms-submit-container {

    max-width: 100%;

}

.wpforms-container-full .wpforms-form .wpforms-submit {

    max-width: 100%;

    white-space: normal;

}

.wpforms-recaptcha-container > div {

    transform: scale(0.75);

    transform-origin: left top;

}
```

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Tags