Allow passing classNames to the input element

[petetnt]

Correct me if I am wrong, but currently you can set the outer element classes via className and use optionRenderer to add whatever classes you want for the options, but there's currently no way to directly pass classes for the input element.

Of course use child selectors and the main <Select> classNames, if you absolutely need to, but passing classNames to the input element itself would be a nice convenience to have for some situations (such as passing validation classes directly et cetera).

[amit1911]

+1

[sitch]

+1

[jjjjeeffff]

Somewhat related issue, it looks like if you add className to inputProps it gets applied twice, once to the wrapper and once to the input element itself. Not great when using a CSS framework like Bulma.

[teamtechalpha]

+1

[bladey]

Hello -

In an effort to sustain the react-select project going forward, we're cleaning up and closing old issues.

We understand this might be inconvenient but in the best interest of supporting the broader community we have to direct our efforts towards the current major version.

If you aren't using the latest version of react-select please consider upgrading to see if it resolves any issues you're having.

However, if you feel this issue is still relevant and you'd like us to review it - please leave a comment and we'll do our best to get back to you!

[POTEAMARDEEP]

+1

[ebonow]

Greetings all and @POTEAMARDEEP ,

PR #4625 includes several changes to the input component including the removal of the extra div as well as introducing a new prop to the input component called inputClassName

It is scheduled as a part of the next major release for 5.0 and we should be deploying the beta this week.