HTML Select Element & AppBuilder Simulator - Unexpected Behaviour

[Sean]

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"

 

Example:

<ul class="form-content" data-role="listview" data-style="">

                <li class="form-content-item pfa-field-dd">

                    <label label class="km-label-above">

                        <span>Location</span>

                        <select id="booklocation" class="car-select" name="booklocation" data-bind="value: bookSpaceDetailsModel.fields.booklocation" required>

                        </select>                       

                    </label>

                </li>  

...

*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 : )

 

Thanks

Sean

 

 

 

[Tsvetina]

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.

Regards,
Tsvetina
Telerik