React-select: Still doesn't work on mobile

[mvoloskov]

I tried that optionClassName="needsclick" thing but it seems like it doesn't actually set the class name.

Doesn't work on mac os chrome in touch mode and on iphone (Safari)

[mvoloskov]

I tried classNamePrefix="needsclick ", so menu actually received the needsclick classname, just as all the other elements, but it still doesn't work

[mvoloskov]

As a temporary solution, you may use this:

npm remove --save react-select
npm install --save [email protected]

[gwyneplaine]

Hi @uyouthe, could you provide us with more details about your usecase?
classNamePrefix appends BEM modifiers to the specified value, i.e. (needsclick__menu).

The fact that you mentioned it doesn't work on mac os chrome in touch mode / in iphone; leads me to think that you've tried this functionality and it works on desktop.

If possible please provide a codesandbox reproduction of your issue as well, it'll give us a better understanding of your usecase and how to best resolve it 👍

[mvoloskov]

https://react-select.com/home

None of them work on mobile and all of them work with mouse :)

[gwyneplaine]

@uyouthe, turns out this is a regression from a massive flow overhaul in 2.4.0.
Fix for this in the following PR, will be released as a patch shortly. 👍
https://github.com/JedWatson/react-select/pull/3432

[gwyneplaine]

This is now shipped as part of 2.4.1, @uyouthe can you please validate that it resolves your issue? If yes, we can close this thread :)

[mvoloskov]

Works perfectly.

[nishmeht7]

the drop down is still not working on mobile for me. I'm using v 3.0.4 and while typing in the input box from safari on my phone no drop down with options is rendered, while it is on my desktop. Any idea how to debug this?

[phil-andrews]

Same issue using 3.0.4

[phil-andrews]

Actually, this seems to be a redux-form issue. See #2692