Fix _this.input.focus() is undefined issue on mobile

[ZicklePop]

On mobile browsers I've seen this problem in our error logs quite often:

TypeError: l.input.focus is not a function
1
File "webpack:///./node_modules/react-autosuggest/dist/Autosuggest.js" line 249 col 19 in Autosuggest
_this.input.focus();

It's very similar to what has been mentioned in these issues:
#646
#669

I simply wrapped the focus function so that we make sure it is defined before trying to call the function.

We were able to reproduce the bug consistently by scrolling on the dropdown component in a mobile browser or iOS Simulator.

Hope this helps!

[Stephane-Ag]

I've been trying to replicate this for so long. Thank you.
Didn't even know where this issue was coming from. But indeed needed to scroll from the Autosuggest dropdown. It sends that error even though there's nothing to scroll..

[carolineBda]

Hello, can we merge this PR ? I also get the same error

[ZicklePop]

@carolineBda at this point I'd suggest migrating to another package that is maintained. The other option is to use patch-package method but that will increase tech debt in your project even more.

[carolineBda]

@ZicklePop ok thanks for your answer