Multiselect DropDown

Anonymous

#9616

Dear all,
unfortunately I am experiencing the following issues with multiselect dropdown:

1. On IPAD a click outside the dropdown area does NOT close the multiselect menu
2. On IPAD a click on a dropdown item results in a click on links that are located below the dropdown menu
3. Is there a way to remove focus from the multiselect menu after a selection of a new item or a removal of an existing item? What JQUERY function needs to be called to close the multiselect menu?

Thanks a lot for your support.

Ross Moderator

#9849

Hey Roman

I don’t have an iPad handy to test with atm, however, the plugin uses absolutely standard html multiselect – why this is causing issues is a little strange and it is possibly a theme conflict – I would test this on a default theme on your iPad to see if you are getting the same behaviour?

Also, can you confirm – are you just using a standard multiselect, and standard dropdown – or are they comboboxes too?

Thanks

Anonymous

#10166

Hi Ross –

I am using multiselect with comboboxes… do you have a demo page where I can test the functionality with my IPAD? I could test point 1 + 2 of my issues.

Point 3 is still open:
3. Is there a way to remove focus from the multiselect menu after a selection of a new item or a removal of an existing item? What JQUERY function needs to be called to close the multiselect menu?

And… finally I have a different request: currently you have the search option to “Include Children in Parents?” It would be great to also have the option to “Include Parents in Children”… in Blogs you very often have the case that you put generic content into the parent, but also want to display the generic topic together with a child…

Thanks for your support!

BR,
Roman

Ross Moderator

#10188

Hey Roman

Those comboboxes are powered by a jQuery plugin called Chosen – check out the demo here: http://harvesthq.github.io/chosen/

They mention specifically somewhere that on mobile devices they leave the input type as a native multiselect (as in, chosen doesn’t load) because the native UI should be better to use on mobile devices…

Let me know if you still have problems there 🙂

As I mentioned, it should be displaying a native html multiselect (not combobox) – so detecting change events is the same as for any other form input… to detect a change in the value I would do something like:

$(".searchandfilter select").on("change", function(){
    //do stuff here
    //blur is close to, but probably not what you want in all cases...
    $(this).blur();
});

Thanks

[Author]

Posts