Vue-select: Multiple select drop down should stay open when make selection

Created on 2 Feb 2018  路  2Comments  路  Source: sagalbot/vue-select

Say create vue-select with:

<v-select multiple v-model="selected"></v-select>

Demo

When triggering the drop-down menu and after making a selection, the menu disappears.
And to make multiple selections, one has to click the input bar multiple times to re-open the drop-down for multiple times, which is not very user-friendly.

Most helpful comment

I originally had written the component to work the way that you describe. I received overwhelming feedback that it was not the expected UX and the default implementation was changed a few versions back. However, I added a prop if you want the UX you described:

<v-select multiple :close-on-select="false" />

https://codepen.io/sagalbot/pen/BYjwxg?editors=1010

All 2 comments

I originally had written the component to work the way that you describe. I received overwhelming feedback that it was not the expected UX and the default implementation was changed a few versions back. However, I added a prop if you want the UX you described:

<v-select multiple :close-on-select="false" />

https://codepen.io/sagalbot/pen/BYjwxg?editors=1010

Thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

manjunath-coachthem picture manjunath-coachthem  路  3Comments

gilles6 picture gilles6  路  3Comments

NexoraSolutions picture NexoraSolutions  路  3Comments

FrancescoMussi picture FrancescoMussi  路  3Comments

davidalvarezr picture davidalvarezr  路  3Comments