opened list is auto closing if the screen width is less than 800px

[maninageswar]

I have observed an issue where if the screen width is less than 800px then the opened list(which has drop down values) is closing making the user to click the Multiselect input again to select the next drop down value where as if the screen width is greater than 800px then the opened list is staying open allowing the user to select more

please check the issue here : https://svelte.dev/playground/00163a0ad2d34af2afc66cc3c8865e90?version=5.35.4

[janosh]

this is controlled by prop closeDropdownOnSelect which defaults to `if-mobile`

svelte-multiselect/src/lib/MultiSelect.svelte

Line 32 in 7b4362d

closeDropdownOnSelect = `if-mobile`,

svelte-multiselect/src/lib/MultiSelect.svelte

Line 268 in 7b4362d

(closeDropdownOnSelect === `if-mobile` && window_width &&

based on the reasoning that select dropdown are annoying to close manually on small mobile screens since you have to tap outside which may be hard to do if the dropdown fills most of the screen. open to suggestions for better defaults though. i could see closeDropdownOnSelect = false being better based on being less likely to surprise developers such as yourself

[maninageswar]

you are right some times it is hard to tap outside in small screens. I think it is better to make it unique in all screens as a default behaviour, like make it stay open even in mobile screens and let the user make the desicion wheather to close it every time when user selects an item in mobile screen