Preserving the selection order in Multi-Select component

[sidx1024]

Given a list of SelectItem with value A, B, C, and D if I select B, A, C the value will be A, B, C. Is there a way to preserve the order of selection?

[diegohaz]

If you use controlled state, you can sort the value yourself:

const [value, setValue] = useState(["Apple", "Cake"]);
value.sort((a, b) => a.localeCompare(b));

<SelectProvider value={value} setValue={setValue}>

[sidx1024]

Oh okay, but I meant the order in which they were selected.

[diegohaz]

Hmm, then I don't understand your question. The default behavior is that selecting B, A, C will produce the value B, A, C.

[sidx1024]

Oh, my bad. I was mapping the results the wrong way. Thanks for your help!