Persist placeholder for multi-select with current values

Currently, if you have the selector set to multi={true} and your selector has current values, the input associated with the selector will no longer have a placeholder value. This functionality makes sense and is appropriate for the vast majority of use cases, however, I was wondering if it was possible to persist the placeholder even when values exist in the multi-select.

Here is my use case:

I want to turn this selector, which currently has 2 values and with autosize={false}: (notice the blank space under the tags is where the input field is)

into this:

If it’s not possible in the current implementation, I would imagine adding an attribute called persistMultiPlaceholder that would be defaulted to false. I would certainly be willing to try my hand at the addition if it’s something that fits with the path of react-select.

Thanks! 😃

[Rall3n]

react-select v1.x did not have the possibility to keep the placeholder or manage the display of components on your own. You have to use an external label/placeholder for that.

react-select v2^ gave us the possibility to customize each and every component the Select component uses with the “Components Framework”. A functioning example for this specific use-case (keeping the placeholder) can be found here.

[mslav]

Bump