In order to make the selection of multiple items more efficient for the user, I want the dropdown to stay open until the user clicks outside the element. I have tried to achieve this by subscribing to the onClose event and then simply cancel it (args.cancel = true;) and have a generic document on click function where I check if the click occurred outside the dropdown.
$(document).on("click", function (event) {
if (!$(event.target).closest(".e-dropdownbase").length) {
//here I want to close the dropdown
}
});
Question: how can I close the dropdown programmatically? Or is there a better way to achieve this? FYI: the mode is set to "Box".
Thanks!