I have a responsive site with INPUT's and SELECT's items, but by navigating Chrome Android, by the GO KEY key of the virtual keyboard, when I'm focused on an item, and the next navigation item is a type <select> it skips this item and always goes to the next element of type INPUT.
Have some way to respect the navigation sequence of the Desktop on mobile, and navigate through the <select> elements.
Att.
I do not have a test environment here to see how this option works, but sometimes it can work there with you.
You can force the order of " tabs " between fields using tabindex type tabindex="1" tabindex="2" tabindex="3" etc. But since I do not have an environment to do the test, I still believe it should work on the mobile.
See:
The global attribute
tabindexindicates whether an element can receive focus (if it is focused), if and in what position it should do part of the keyboard's sequential navigation (usually with the Tab key, hence his name).
Here is the Mozilla documentation on tabindex : link
Practical example for you to test to see if it works:
<input tabindex="1" type="text" name="" id="">
<select tabindex="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<input tabindex="3" type="text" name="" id="">
<select tabindex="4">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>