react-select icon indicating copy to clipboard operation
react-select copied to clipboard

For multi-select options on iOS, while trying quickly select several options causes the delay

Open loliwasabi opened this issue 2 years ago • 1 comments

For multi-select options on iOS, while trying quickly select several options without closing dropdown menu, what causes the delay. Therefore some options get deselected or selected randomly.

Code: https://codesandbox.io/s/react-select-v5-sandbox-forked-m55cdn?file=/MultiSelect.tsx

Incorrect behavior occurs on iOS (version 16.6.1) in Safari and Chrome browsers. There is no problem on Android.

Steps to reproduce:

  1. Open multiselect
  2. Quickly select multiple options.
  3. Make sure that some previously selected options have been reset.

Approaches have been taken:

  • updated react-select to the latest version (5.7.7)
  • switched various react-select API parameters
  • tried to handle onTouchStart events for the custom Option component
  • tried to customise isOptionSelected from react-select
  • setTimeOut, debounce, throttle

loliwasabi avatar Oct 19 '23 12:10 loliwasabi

version 5.8.3 - the same problem. Are there any solutions?

EliseevDanil avatar Dec 04 '24 15:12 EliseevDanil