Dropdown list not showing on android

[PCNC]

While coding a hybrid mobile application using kendo ui mobile I faced a the following problem :the drop down list does not have a down arrow when run on android devices. in app.js I am forcing the IOS7 platform to get the same experience on both android and ios

app.application = new kendo.mobile.Application(document.body, {platform: "ios7"});

here is the simple code I used at the example and there are no added styles.

<div data-role="view" id="test-view">

<h3>Drop down list </h3>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>

please check this image showing the different results on different platforms , works fine on ios and the simulator but not on
 android

Demo


I wonder if there is a style rule that I can change to force the drop down arrow to show on the android device.

[Kiril Nikolov]

Hi,

I have answered the same question in the other support thread that you have opened, but for your convenience I will copy my answer here is as well:

The way <select> elements are rendered in a mobile application depends on the browser/operating system that runs on the device. Kendo UI does not have control over the way standard HTML components are rendered on a mobile device, you can test the same by removing the Kendo UI scripts and css files from your application and still see the same result.

Regards,
Kiril Nikolov
Telerik