Droplist does not appear correctly on Mobile browsers

Hi,

I’m attempting to use the droplist widget on a mobile browser (iPad). When the page loads, the droplist widget looks like a form field, with the down arrow removed.

MobileTest

This issue only happens on mobile. Desktop appears as intended.

7801f6c16ae47991ff1721034bea48c2

Is there a way to get this to appear correctly? I added an OnClick to the droplist, and set focus on “This” (the droplist), but that did not work either.

I know this is an old thread but since I had the same problem and found this tread through Google, my solution may help some other users.

The reason this happened to me was because I implemented an interaction based on the ‘Click or Tap’ event. When I changed this to ‘Selection changed’, the issue was resolved!

Hope this helps.