HTML Select Element & AppBuilder Simulator - Unexpected Behaviour

2 posts, 0 answers
  1. Sean
    Sean avatar
    1 posts
    Member since:
    Mar 2016

    Posted 27 May Link to this post

    When running my App within AppBuilder Simulator, all HTML Select Elements when clicked/touched instantly close and so it is not possible to make a selection.

    All similar functionality is working/testing OK in all Browsers.


    The setup:

    I have li's containing Label, Span, Select, with a ul set to data-role="listview"



    <ul class="form-content" data-role="listview" data-style="">
                    <li class="form-content-item pfa-field-dd">
                        <label label class="km-label-above">
                            <select id="booklocation" class="car-select" name="booklocation" data-bind="value: bookSpaceDetailsModel.fields.booklocation" required>

    *Note: Option elements in this example are being set via JS, though in more 'hard coded options' scenarios the same 'unexpected behaviour' happens when viewing in emulator?!?


    Suggestions and help to solve this are much appreciated : )







  2. Tsvetina
    Tsvetina avatar
    1861 posts

    Posted 01 Jun Link to this post

    Hi Sean,

    I tested this scenario and reproduced the problem in the desktop simulator. We logged it in the backlog for fixing but I can't give you a timeframe for the fix availability. In the meantime, you can test the select if deploy your app on a device or if you import your project into the the AppBuilder in-browser client. 

    Additionally, keep in mind that the look and feel of the select element is completely different on mobile devices, so it is best to test their behavior on the device.


    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top