This is a migrated thread and some comments may be shown as answers.

Forms Select input problem

1 Answer 58 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
andre
Top achievements
Rank 1
andre asked on 05 Nov 2012, 11:04 PM
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

1 Answer, 1 is accepted

Sort by
0
andre
Top achievements
Rank 1
answered on 06 Nov 2012, 08:58 PM
Fixed, I replace the select input with popover widget.
Tags
General Discussions
Asked by
andre
Top achievements
Rank 1
Answers by
andre
Top achievements
Rank 1
Share this question
or