How to clear select input programatically while on focus?

I am trying to add new options as user types and each option is added when the user types a comma. I’m trying to clear the select input field but no matter what I try, it just won’t. I have to click the field again before it disappears. I’ve tried the ff:

• stateManager.setState({inputValue: ''})
• manually changing the value of inputRef to empty string
• calling force update on stateManager.select

[viv3kk]

its not working for me. my value is changed to null, undefined or even blank, the select component still has previous value.

[ebonow]

Greetings everyone,

The text input can be cleared by making this a controlled input and passing an empty string to the inputValue

Here is a codesandbox demonstrating this with the specification of a comma triggering the addition of a new option value.

There are likely other optimizations that could be made, but this should be sufficient to show the use-case is possible and how to proceed.

I will be closing this issue, but can reopen if there are related issues or concerns.