WP Forms Adding Unwanted Field In Modals or Off-Canvas

[whitemedia]

Hi,

I have noticed strange behaviour when using a WP Form within a modal or off-canvas element.

For some reason, an extra field appears in the form, even though it does not actually exist. I have experienced this on several different websites, always in modals or off-canvases. Please see the screenshot.

I am able to hide the unwanted field using CSS on the field’s ID, but this is not something which should have to be done, as the field does not exist in the actual form!

Please note that if the form integration is used directly in a column (i.e. not in a modal or off-canvas), the form displays correctly.

Thanks,
Christopher

[tristup]

Hi Christopher,

Thanks for reaching out.
I have checked and found the additional form field is coming in a different place than what you have shown, and every time the position keeps changing. I have created a new page and added the form using the Text and Form Integration element, although it is showing the additional fields within the Cornerstone, it shows the correct output while seeing it in the browser.
It seems that there might be some different reasons behind your issue, I would like to suggest troubleshooting the following common issue to help us to recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins unless you are subscribed to One. If not subscribed, kindly consult with a developer or contact the plugin author.
Please note that we do not provide support for custom codes and 3rd party plugins unless you are subscribed to One service.
If none of the above helps, please copy your live site to a staging server so we can troubleshoot freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[whitemedia]

Hi,

There is no caching on this website yet, as it is under development. I have disabled all plugins, except for the bundled WP Forms Lite. I also removed all functions from the child theme. Despite this, this strange field remains in the form.

However, I have discovered the source of the problem. The field is WP Forms’ honey pot field. It is enabled through WP Forms > Settings >Spam Protection and Security > Enable modern anti-spam protection toggle.

According to WP Forms’ documentation, this field should be invisible, but it is not if the setting is enabled. @charlie could a conflict have crept in with Cornerstone? I have only encountered this issue within the past four weeks.

Thanks,
Christopher

[ruenel]

Hey Christopher,

Please make sure that your field size is large which will also have a fullwidth 100% width.

I am also confused with your form because the live view and the editor view is different:

Thanks.

[whitemedia]

Hi @ruenel,

All my fields are “Large” except the Message / text area field, which I need to be medium or it grows too deep. However, this is not a part of the problem.

Correct, the admin view of the form is different to the front end. As I tried to explain in my last response, the field you can see on the front end, which is the only field to have a heading Message Dropdown Name, is the problem field. I have discovered it only appears if anti-spam / reCAPTCHA is switched on in WP Forms’ main settings. Switch it off and the field disappears. It is clearly the honeypot field, which should not be visible on the front end.

This is why I wondered if there is a recent conflict between WP Forms and Cornerstone. Both of the recent websites where I have encountered this problem are brand-new builds and the behaviour only happens in modals and off-canvas elements. Both of these websites were created with Cornerstone 6.6.6 or 6.6.7. Other websites built with older versions of CS and have the EXACT same setup in the modals do not seem to have the issue.

Are you able to replicate the problem in a fresh new WP installation, adding a Form Integration element into a modal or off-canvas component?

Thanks,
Christopher