HTML Select on Android difference between smartphone and tablet

ionic-v1
1

Hi all,

I would like to use a simple html select with no style:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
</select>

As we can see in the image attached the select has different behaviour in Android smartphone/tablet.
How can I manage it? I would like to use always the “smartphone” behaviour if possibile.

Thank you.

image
selectbox.png807×683 130 KB

2

Can you use the Device Simulator from Chrome dev tools and show the difference. In that case, it will be clear what needs to be done

3

I’m using Chrome on macOS, I see the osx behaviour also using Chrome dev tools.
I can’t trigger the difference.

4

I was talking about device mode in chrome. https://developers.google.com/web/tools/chrome-devtools/device-mode/

5

Oh you are using html select. Can you use ion-select. For me ion-select works