WAIT: Conflict with New Query sort / filter / live search and Forms Using Ajax

[daviddemastus]

Bricks Version: 1.9.6.1
Conflict: query sort / filter / live search and Gravity Form using Ajax
URL: https://www.slgwitness.com/pv-staging/schedule-a-presentation/
Console Error:
“Form submission canceled because the form is not connected
HTMLFormElement.submit @ js?id=G-JX27FYX60Y:502”

I noticed today that while testing the query sort filters on a posts list that the form I placed in the posts loop will not advance to the next step (gravity forms multistep form using ajax) with the query sort filters active on the page. The post/form displays in a bricks popup/modal when selected.

If I hide the filters with “display: none”, the form advances as it should.

Is there a possible ajax conflict here?

[itchycode]

Hi @daviddemastus ,

Thanks for reaching out.

Based on my inspection, this is not related to the new query filter issue.

I can see you embedded the same form multiple times if the same gform_ajax_frame_3 ID.

I am not sure if Gravity Form can handle multiple same ID forms on the same page or not.

For example:
If you click the 2nd popup without any filter apply. Then click the Gravity Form Next button

Nothing happens. You can close this popup and open the 1st popup, then you will see the errors occur on the 1st popup form.

This tells us that multiple same ID forms wouldn’t work on the same page.

What you can try is enable Bricks AJAX Popup.

Popup Builder

So the forms will be fetch one by one from AJAX. (no multiple same ID forms in the DOM)
But I am not very sure Gravity form can work properly or not. You might need to check with the plugin support. (Bricks form can work perfectly without issue)

Hope this helps.

Regards,
Jenn

[daviddemastus]

Ok, thank you. I will check into this to see if that will work. For now I have it set so that they are directed to each individual post instead of initializing a popup.