react-select: Cannot Select an option on iOS Safari, Chrome Android Nexus 6P can't scroll

Hey there, I am having trouble with touch devices trying to select an option in our Select dropdown. The onChange method does not get called at all? Is there something I’m missing? And for android we cannot scroll.

   <Select
              value={this.state.selectValue}
              options={selectOptions}
              clearable={false}
              onChange={this.setSelectValue}
            />

I’m running 1.0.0beta12

About this issue

Original URL
State: closed
Created 8 years ago
Reactions: 8
Comments: 19 (1 by maintainers)

Commits related to this issue

feat: Use react-fastclick instead of fastclick Solves a click problem on selectbox https://github.com/JedWatson/react-select/issues/904 — committed to cozy/cozy-banks by ptbrowne 4 years ago

Most upvoted comments

Here’s a workaround for the problem that let’s you keep Fastclick:

optionRenderer={option => <div className="needsclick">{option.label}</div>}

pretty annoying conflict 😕

aertmann on Oct 25, 2016

react-fastclick solved the problem for me too.

Jaikant on Feb 19, 2017

We just ran into this issue as well, and as with @andresfcamacho, it was fixed by using react-fastclick instead of fastclick. Thanks much!

dahjelle on Apr 27, 2016

I was able to figure out why this didn’t work in our environment. We’re in vanilla Rails app that is in the process of migrating most views over to React. Previously we had included in our vendor directory the fastclick js file. After removing it I then installed the react-fastclick via npm and now everything works as expected. It could be we had an older version of fastclick, not sure.

In the end this combination worked for us:

    "react-select": "^1.0.0-beta12",
    "react-fastclick": "^2.1.0",

@abhiaiyer91 you may want to check if you have the latest react-fastclick installed.

andresfcamacho on Apr 26, 2016