Forms Select input problem

[andre]

Hi,
I'm developing a mobile app with phonegap and kendo ui mobile, my kendo ui version is Q3 2012 BETA.
I've had problems with my forms inputs, especially with selects inputs, when I touch on a select input nothing happens, I can not see the select options.
This is my code:

HTML
<div data-role="view" id="comunicar-alerta-pi" data-title="Comunicar Alerta" data-layout="mobile-tabstrip" data-init="comunicar_alerta_pi">
<form id="formpi"> 
<ul data-role="listview" data-style="inset">
            <li>
                <select>
                    <option value="First Option">First Option</option>
                    <option value="Second Option">Second Option</option>
                    <option value="Third Option">Third Option</option>
                    <option value="Fourth Option">Fourth Option</option>
                </select>
                Select element
            </li>
</ul>
</form>
</div>


CSS
.km-root .km-on-android input
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android select
{
    -webkit-user-modify: inherit;
}
.km-root .km-on-android .km-list > li
{
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
}
 #comunicar-alerta-pi input:not([type=checkbox]):not([type=radio]),
    #comunicar-alerta-pi select,
    #comunicar-alerta-pi .k-dropdown
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        border:1px solid red;
        padding:10px;
    }

If change the select to dropdown list, works (with a very slow fade transition) but I can see the select options.

How can I fix this select problem without need to change to dropdown list ?

Best regards

André Bolinhas

[andre]

Fixed, I replace the select input with popover widget.