Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

closeMenuOnSelect=false doesn't work on mobile chrome #2771

Closed
gafemoyano opened this issue Jul 4, 2018 · 7 comments
Closed

closeMenuOnSelect=false doesn't work on mobile chrome #2771

gafemoyano opened this issue Jul 4, 2018 · 7 comments
Labels
issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet

Comments

@gafemoyano
Copy link

gafemoyano commented Jul 4, 2018

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.

@jossmac jossmac added the v2 label Jul 5, 2018
@jbccollins
Copy link

I suspect the fix for this will be similar to the fix for #2577

69abb3f

@Tecktron
Copy link

Tecktron commented Aug 2, 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
Copy link

Tecktron commented Aug 2, 2018

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

@cptiwari20
Copy link

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 react-select@2.4^. 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.

@kulttuuri
Copy link

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!

@bladey bladey added pr/needs-review PRs that need to be reviewed to determine outcome issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet and removed v2-deprecated labels May 28, 2020
@bladey bladey removed the pr/needs-review PRs that need to be reviewed to determine outcome label Jun 17, 2020
@bladey
Copy link
Contributor

bladey commented Jun 17, 2020

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!

@bladey bladey closed this as completed Jun 17, 2020
@RebootGG
Copy link

It would be nice to address this even though the workaround by @Tecktron works just fine. I've spent a bit of time searching as why it didn't work on mobile, before I came accross this issue. There are also probably some people who didn't even test it and just assumed it worked on mobile, and are still not aware of the bug.

If this can't be implemented, we could at least update the docs with this workaround

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet
Projects
None yet
Development

No branches or pull requests

8 participants