Close on click outside box

[softwaretech]

I would love to have some type of options that allows me to close the dropdown when clicking outside. In other words, if the dropdown list is showing and I click somewhere else besides a radio button or checkbox, then allow the dropdown to close.

[vlad00777]

I have this problem too.

[wenzhixin]

Fixed in the latest version.

[PlippiePlop]

Closing when clicking outside the box works. However if you tab or click directly to another input, select or form button it does not close. Please fix.

[wenzhixin]

Can you provide a jsfiddle base on the example: #255? @PlippiePlop

[PlippiePlop]

Ok seems the clicking on other form elements works but tabbing is not.
https://jsfiddle.net/zthab5mn/

[wenzhixin]

I think this is not a bug because tabbing is an iframe.

[PlippiePlop]

If you have tab indexes on input fields (user friendlybess, disabbled people etc) you can tab from input to input. Normal selects will close and the focus is on the next field. You can tab through the options en then it will go to next field but not close multiselect.

[wenzhixin]

Do you mean use the tab key to the next input when open this dropdown? in this case, you need to use esc to close the dropdown first.

[PlippiePlop]

Normal behavior is tab to select: Use arrow to select options or enter to select item or tab to jump out of select: Try it here:
https://formidablepro.com/demos/job-listings/

[wenzhixin]

Maybe we can add enter to close dropdown(the same with esc), you can open a new feature issue.