React-select: closeMenuOnSelect=false doesn't work on mobile chrome

Created on 4 Jul 2018 · 6Comments · Source: JedWatson/react-select

Are you reporting a bug or runtime error?

Bug
https://codesandbox.io/s/z6xlovo34?module=/example.js

I'm not sure if this is intended or not, but the menu doesn't stay open when I use it on my mobile phone.
Android, Chrome mobile.

Thank you for this great component, let me know what I can do to help.

issubug-unconfirmed

Source

gafemoyano

👍5

Most helpful comment

After some playing around, I found that setting blurInputOnSelect={false} fixed this issue for me. Hope that helps you as well.

Tecktron on 2 Aug 2018

👍30 ❤9 🎉9

All 6 comments

I suspect the fix for this will be similar to the fix for https://github.com/JedWatson/react-select/issues/2577

https://github.com/JedWatson/react-select/pull/2762/commits/69abb3f515a90354d465cdeafba13d42dc1eb094

jbccollins on 9 Jul 2018

I tested out the 2.0.0-beta.7 tag and this is still broken in Chrome on touch screen devices (Apple, Android & MS surface).

Tecktron on 2 Aug 2018

After some playing around, I found that setting blurInputOnSelect={false} fixed this issue for me. Hope that helps you as well.

Tecktron on 2 Aug 2018

👍30 ❤9 🎉9

After some playing around, I found that setting blurInputOnSelect={false} fixed this issue for me. Hope that helps you as well.

This helps me. I am using [email protected]^. I had an issue in mobile multi-select drop-down. Every time I use to select one item it closes. But in desktop it was working properly. Now after using this method. It is working fantastic.

cptiwari20 on 10 Apr 2019

👍1

FYI; If anyone is looking for solution to this, this is still broken in 3.0.8. Adding blurInputOnSelect={false} fixed this for me. Thank you!

kulttuuri on 19 Dec 2019

👍4

Hi all,

Thank you everyone who had a part in addressing this question.

In an effort to sustain the react-select project going forward, we're closing issues that appear to have been resolved via community comments.

However, if you feel this issue is still relevant and you'd like us to review it, or have any suggestions regarding this going forward - please leave a comment and we'll do our best to get back to you!