React-select: Input loses focus when removing value unless menu is open, on safari for iOS

Created on 4 Jun 2019  路  3Comments  路  Source: JedWatson/react-select

On mobile devices, whenever the menu is closed, removing an option from a MultiValue Select causes the input to lose focus. This makes you having to tap on the input field again after removing some values before you can start typing again.

Steps to replicate

  1. Navigate to the repro link using Safari on an iPhone.
  2. Add a few options
  3. Tap on the input and make sure it is focused
  4. Remove one option by tapping the "x" button next to it and notice how the input is still focused
  5. Remove another option and notice how the input no longer is focused.

React Select v3.0.4
React v16.8.6

issubug-unconfirmed issuhas-pr issureviewed

Most helpful comment

All 3 comments

@karlingen can you please confirm that your PR fixes this issue (the last comment in your PR by @amitquoine claims otherwise)?

@mbonaci confirmed. Please check the latest comment by @amitquoine

Was this page helpful?
0 / 5 - 0 ratings

Related issues

geraldfullam picture geraldfullam  路  3Comments

pgoldweic picture pgoldweic  路  3Comments

pablote picture pablote  路  3Comments

mjuopperi picture mjuopperi  路  3Comments

sampatbadhe picture sampatbadhe  路  3Comments