Select2 bug triggered by search form markup

Anonymous

#90109

I am trying to make filtering work on mobile on this page: http://comarchs.dev.circlesstudio.com/portfolio/

On iphone, the native select wheel shows in addition to the dropdown. Is seems to be caused by this bug in select2: https://github.com/select2/select2/issues/4772

Unfortunately, I haven’t been able to find a workaround, since per this thread: https://support.searchandfilter.com/forums/topic/how-to-create-custom-search-form/ , I can’t create a customized searchform that either doesn’t use a form (which would probably not be possible since that’s how your plugin seems to work), or wrap the selects in something other than a label element per one comment way down in this select2 support thread: https://github.com/select2/select2/issues/1541

Trevor

#90144

I am not sure if this thread discusses the same bug:

https://support.searchandfilter.com/forums/topic/trouble-with-multi-select-on-mobile-not-showing-correct-results/

The user seems to have found a workaround.

Anonymous

#90177

no, it’s not the same issue at all- both ios’s native functionality for drop-downs and the dropdown itself are appearing. I am using select2.

the image from that first thread I linked to shows what’s happening: https://cloud.githubusercontent.com/assets/8291514/22519187/5c07dec2-e8a7-11e6-935e-d3a020b3f123.jpg

Anonymous

#90179

All the items in the dropdown are displaying, you just can’t see them for the ios scroll-wheel ui for selects

Trevor

#90260

This reply has been marked as private.

Anonymous

#90351

okay, I had to fix this by just using the default selects on mobile since the client is eager to have the filters on mobile. Hopefully Ross can patch this in the next release.

Anonymous

#90355

okay, they’re not wild about the way html selects look, but I have to leave it up that way so they can decide. If needed I can set up an example, but I think this may be a widespread issue with ios 10.

Anonymous

#92455

Any progress on this? the plain HTML selects really don’t look good.

Ross Moderator

#93338

Hey Alex

Just to let you know this ticket is next up, will likely be on tomorrow before I can shed some light.

Best

Ross Moderator

#93570

Hi Alex

I’ve been doing some testing but can’t replicate the issue.

Can you test our movies demo to see if you get the issue?

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

Please also see my screen recording of it working (via browserstack) :/

https://drive.google.com/file/d/0B31uE5EIbwULN1FtQnFQeHNvUjg/view?usp=sharing

Thanks

[Author]

Posts