React-select: Select in IOS doesn't work

[Kalmanos]

need help with react-select! The onChange doesnt trigger in ios safari/chrome

[Kalmanos]

onChange event doesnt trigger at all
the menu with the options pops up and when you try to select it , it dissapears

[itaitay]

We also encountered it - were you able to resolve it @kalmanos ?

[kevinnio]

@Kalmanos Since that we ran into a similar issue. Did you have any luck fixing this?

[attilavago]

Any news on this?

[adamsoffer]

same

[GeorgeMarcus]

Same

[CharlieBreval]

Same there

[Bitfroest]

OS:
MacOS Mojave on Macbook Air '17
Version 10.14

I noticed this bug as well in old versions of Safari: Safari 2 doesn't work with the same issue. onChange is not triggered and select is disappearing on click.

In the latest Versions it works at least on my end.
Safari 12 works as expected
Chrome 71.0 works as expected

Ahh forgot I am using "react-select": "^2.3.0",

[CharlieBreval]

Hello, I am using the last verions of react-select (2.4.2) and I solved this problem by removing the <button> in every option of my react select. Replace it with a <div> as example.

Indeed, on devices using touch events, the propagation looks to be different and the handleChange is not triggered.

[Bitfroest]

@CharlieBreval I didn't find any <button> tags. In Option.js there is already a <div> rendered.

Could you be more specific please?

[CharlieBreval]

@Bitfroest Well, in my case I was rendering a button inside the Option Component (so as children of the Option component). -> https://github.com/JedWatson/react-select/blob/master/src/components/Option.js#L82
If you are rendering a button, remove it.

[jfurrow]

I ran into this issue today as well (with both v1 and v2), in our app this was caused by Fastclick

[eliasrodeloso]

Any news on this problem?, I have v3 and the package doesn't use Fastclick, any luck on this?

[bitupon]

Is this issue still exists ?

[ebonow]

Greetings all,

In an effort to curb the tide of open issues, I will be closing this issue as this no longer appears to be an issue. If someone feels this is still relevant or has a specific issue regarding iOS, please feel free to create a new issue including the following information:

• hardware
• ios version
• react-select version
• codesandbox link and reproduction steps to encounter bug