[Bug] Suggestions not rendered when using onFocus for input in renderInputComponent

Are you reporting a bug?

Yes

• Please create a Codepen that demonstrates your issue. You can start from the [Basic example] CodePen link

• Steps to reproduce the issue

  1. Focus on the input field
  2. Type c, and wait for suggestions to appear

  Observed behaviour: Suggestions does not open

  Expected behaviour: Suggestions should open

If you go ahead and remove the onFocus prop from the input(line 88) it would work as expected.

Thanks.

[JStrebeyko]

@apandichi the workaround works on my end - thanks a ton! 😃

[apandichi]

The bad news is: the same problem happens with onChange instead of onFocus. The good news is: there is a workaround.

function renderInputComponent(inputProps) {
  return <input {...inputProps} onFocus={(ev, val) => {
      handleInputFocus();
      inputProps.onFocus(ev, val);
    }
   }/>
}