Autosubmit not working in mobile view (regardless of device)

Anonymous

#94995

I was testing my results page on my LG G4 phone, and noticed that the autosubmit of dropdown menus doesn’t work. You have to make the selection, then refresh the page to show the results.

Thinking it might be device-related, I tried it on my desktop (Mac OS X) browser (Chrome), shrinking the browser down to mobile size, and got the same result.

I then tested it on my desktop in Safari and Firefox, both in mobile-szed view, and got the same result.

So, it seems to be viewport size-related, not device-related.

I’m using WP 4.7.3 and the theme is a child of Divi. If you’d like to see the page in question, it’s under password protection, but I can provide it privately.

Ross Moderator

#95034

Do you see the same issue on our demo site?

http://demo.designsandcode.com/sfpro-movie-reviews/

What happens when you test with a clean version of Divi (assuming you are using a child theme)?

Thanks

Anonymous

#95155

I do not see the same issue on the demo site. I have resolved the issue, actually, but I’m not sure why it’s fixed.

I had this page set up to use two different versions, one for desktop and one for tablet/phone. I did this because default is for the search form to be on the bottom in tablet/phone view, but I wanted it to be on the top. Divi makes it easy to do this by simply creating different modules within the page, and then selecting whether they should be hidden or shown depending on viewport.

The modules I created to be visible only on tablet/phone are the ones where the autosubmit did not work. When I deleted this module and reverted to using the same view for every screen size, it worked properly again.

So, not sure if this is a Divi issue or a plugin issue. Can you advise?

Thanks

Trevor

#95158

You had two different forms on the same page in different locations, both with auto submit on?

Both forms would have been on the page, but one would be hidden, but still there.

What was different that you could not put the same form twice on the same page? Maybe the appearance might need to be different (maybe even fields hidden), but that can be achieved with targeted CSS.

Anonymous

#95162

You had two different forms on the same page in different locations, both with auto submit on?

Correct.

Both forms would have been on the page, but one would be hidden, but still there.

Correct.

What was different that you could not put the same form twice on the same page? Maybe the appearance might need to be different (maybe even fields hidden), but that can be achieved with targeted CSS.

The difference, as I mentioned above, is that in tablet/phone view, I have set it up so that the search form is shown on the top, above the results, instead of below the results (which is the default positioning). Divi is probably using CSS to achieve this effect, but they have added checkbox functionality to their modules so that instead of writing media queries, etc., it’s possible to just check a box that says “Hide this block of text in tablet view” or whatever you want to do. They’re just trying to make it easier for people who don’t know how to write media queries or use CSS.

I will try writing my own media queries and see if that resolves the issue. I’ll let you know what I find out.

Trevor

#95170

That wasn’t what meant about what was different about the forms. Divi’s methodology and tick boxes are fine.

I wondered WHY you had two different forms (as in they have different ID’s)? Why not sue the same form twice (i.e. have its shortcode twice, in the two locations you need it in?

Anonymous

#95172

Sorry, I misunderstood the question. I am in fact using the same form, with the same ID, twice on that page. Apologies for the confusion.

Trevor

#95174

Just to be clear. You have only ever had the one form design on the page? How are the result ending up on the same page? Are you using a results shortcode? Are the results correct (when the filtering works)?

Anonymous

#95179

Yes, there was always only one form design on the page–the same form, with the same ID, used twice (once for desktop view, once for phone/tablet view). I am in fact using shortcodes, with the results showing in the main body of the page, and the search form showing in the sidebar. (It’s the sidebar that I was trying to have show on top of the page, rather than on the bottom, in phone and tablet view.) The results are always correct. And I should point out that the filtering always works even when the autosubmit doesn’t work. It’s just that in phone/tablet view, you have to set your conditions in the search form, then refresh the page.

Trevor

#95181

Could you try something then? Just an idea.

Make a duplicate for the form (hover over the form name and you will see the option. Leave the form shortcode as it was for the desktop form and the results. ONLY for the tablet location, use the other form shortcode. Ignore the results shortcode for that form.

[Author]

Posts