Conflict between 2 search forms on one search results page

Anonymous

#35777

I have a search results page with 2 search forms: Form A is the in the sidebar and is autosubmit, Form B is a duplicate of Form A. It is in a mobile overlay widget (https://wordpress.org/plugins/genesis-widget-overlay/) only seen when the overlay trigger button appears below a certain media query.

So the idea is, on desktop the user can use Form A in the sidebar. When the site moves down in resolution or is in mobile, the sidebar is hidden via CSS, the overlay trigger button appears and now the user can access Form B as an overlay widget.

This setup works fine if both forms are autosubmit. However, if I try to set Form B to require the use of a submit button it continues to use autosubmit. And if I set Form A to require the use of a submit button, Form B just stops working.

At that point, if I remove Form A from the sidebar, Form B in the overlay will now work, requiring use of a submit button.

There seems to be a conflict going on between forms. Any idea how to fix this? I can provide a link or record a screencast of the behavior.

Thanks!

Ross Moderator

#36036

Hey Eric

I had a look and don’t seem to get he results, if its easy enough for a screencast can you share?

Thanks

Anonymous

#36604

This reply has been marked as private.

Ross Moderator

#36767

Hey Eric

Seems really strange – spent ages trying to reproduce this but couldn’t.

I just checked, and you are on S&F 2.0.3 – we’re on 2.1.2 now which I’m guessing will fix this issue.

Thanks

[Author]

Posts