Multi-select on mobile is impossible to use

Anonymous

#86703

As soon as you click inside the field the page shoots down (it is hard to explain so I made a screencast of what is happing in my next post)

Here are my settings, making the input type dropdown fixes the issue.
[img]http://i.imgur.com/ZOA9fL7.jpg[/img]

Anonymous

#86704

This reply has been marked as private.

Trevor

#86716

What script are you using (in the Search & Filter main plugin settings)? Select2 is the better choice.

Anonymous

#86720

I was using chosen, but now switched to Select2. (thanks for the advice :))

But the problem still exists. It mostly seems to be a problem with the multiselect function. I tried switching to dropdown and that works, with or without combobox. (Although it isn’t the functionality I need)

Trevor

#86727

To me it looks like it is pushing the content down the page? In the desktop view, is there any content directly below the form?

Anonymous

#86729

On desktop there isn’t, but on mobile there is.

I have just installed the plugin in on a clean WordPress install and see that the design of the combobox changes when selecting select2 this isn’t happing on my live site. Is there something more you need to do when switching scripts?

I also tested the default multi select of html (on iOS) and that also seems to work fine.

Trevor

#86747

It could be a caching issue on that first point.

My guess is that the form is expanding the container it is in and that is pushing down the content, causing the effect you see. Try setting the forms main outer container to position: fixed to see what happens. Not that I have done it for a while, but I put my search forms in a side widget that slides in, and whose height is restricted to the height of the window (if it needs to be larger, it gains a scrollbar in the form)

Anonymous

#86812

Yes that is what I thought, but I was logged in on a just cleared private browser on my phone and even that doesn’t change it.

The script for the combobox chosen will result in the same issue on my clean install and switching to the select2 script is instant there.

Trevor

#86824

And so my second paragraph may be what is happening.

Anonymous

#86980

I found this thread on the forums and tried what was suggested by the user.
https://support.searchandfilter.com/forums/topic/trouble-with-multi-select-on-mobile-not-showing-correct-results/page/3/

This works! But I do understand this might not be a permanent solution. Is it possible to update the plugin from now on, without paying attention to this?

I still don’t know why I can’t get the Select2 option to work on the site, while it does work when I install it on a clean install. Select2 is selected in the plugin options, but on the frontend it still appears to be Chosen. So if you have any pointers on that one…

[Author]

Posts