Feature request: Editable MultiValues

Allow edition of a MultiValueLabel by double clicking on its name. Sometimes our users would like to change just a typo when entering a new value in a multi CreatableSelect and find themselves having to delete the whole thing and start again.

It has been requested from our users that those values should be editable and not just clearable. Search is a core feature of our product and it is used extensively, minor improvements like this make a difference.

This is how gmail does it:

This has been requested in the past (https://github.com/JedWatson/react-select/issues/1558, https://github.com/JedWatson/react-select/issues/4009, https://github.com/JedWatson/react-select/issues/2296) and the proposal from the react-select team has been to create custom components that provide the feature. User have done so here and here with varying degrees of success.

While this can be done with custom components as proposed , it has also been requested for this to be part of the core set of features instead, so I’d like to refresh this to see if there has been a change of mind about integrating this on the core, for example with an isEditable property on the CreatableSelect.

To sum it up, are editable MultiValues on the roadmap now? if not, would a PR providing such a feature be accepted?

I could work on it.

[rlucha]

Sure, I will work on it. Thank you.

[ebonow]

Greetings @rlucha ,

I came across this implementation from https://github.com/JedWatson/react-select/issues/3204 and thought to share it with you. I’ll be taking a deeper look into this, but given that we have a created implementation of this, I will close out this issue for now and hoping to better encapsulate it to make it easier for others to use in their implementations.