react-select don't focus input when opening options list

Question

The Select component (https://react-select.com) always focuses the input when opening the dropdown. This is not wanted when on mobile because it causes the virtual keyboard to always open. We want the user to be able to tap the dropdown indicator icon on the right on the Select component and see the options without focusing the input, but, if the user taps the area over the input then the focus is given to the input field.

*edit: github.com issue related - https://github.com/JedWatson/react-select/issues/3526

Answer 1

Have you tried using the isSearchable prop and setting it to false?

You can test this functionality on the first example of www.react-select.com

Click on Select, see keyboard Now uncheck "Searchable", click select, and you should be focused without a keyboard.

I included images in the referenced react-select issue.