Hey,

I am using the chosen module to allow selection of choices in a lot of vocabularies.

The problem is when a user click on a Dropdown, and then click on another Dropdown, the first one does not close automatically.

So, if a user click on one chosen Dropdown, and then on another, and then on another, he will have 3 multiple Dropdown - all open at the same time.

The only way to prevent it is to chose any choice (something that will happen most of the time, but not always), or to click on something else that is not a dropdown menu.

How can I make every drop down close when clicking on another Dropdown?

Comments

edenb’s picture

edenb commented
Title: multiple-chosen open simultaneous » Multiple-chosen stays open simultaneous
edenb’s picture

edenb commented
Title: Multiple-chosen stays open simultaneous » Dropdown chosen stays open simultaneous
Issue summary: View changes
edenb’s picture

edenb commented
Issue summary: View changes
jPhill’s picture

jPhill commented

As there is no solution posted yet...
You could just do something like this in a java-script file (if you are able to use jquery update to use jQuery 1.7):

// If a chosen dropdown for the selected element is opened
jQuery("#id-of-select").on("chosen:showing_dropdown", function(evt, params) {
// close every other dropdown you want to be closed
    jQuery("#id-of-select-to-close").trigger("chosen:close");
  });