Re-focus input after `clear()`

I am using the clear() method to implement input box clearing on mobile devices, i.e. when tapping on a small “x” in a circle. It kinda works, but the fact that clear() will automatically also blur the input field feels a bit weird. I have to focus() it immediately, and this causes flickering. Thus, it would be better if clear() had an option to prevent blurring.

[ericgio]

This works for me with no flickering:

<div>
  <Typeahead
    options={[...]}
    ref={(ref) => this._typeahead = ref}
  />
  <button
    onClick={() => {
      const instance = this._typeahead.getInstance();
      instance.clear();
      instance.focus();
    }}>
    Clear
  </button>
</div>

[ericgio]

As of v2.4.0, the input retains focus when clicking the clear button. Note that if the button is focused via keystroke (eg: tabbing), the input will blur and won’t automatically regain focus on clear.