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

iOS Overflow/Scrolling Issue

0 Answers 139 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Günter
Top achievements
Rank 1
Günter asked on 19 Dec 2012, 05:28 PM
I have found a display issue with DropDownList on iOS (Mobile Safari). If the list contains more items than fit into it vertically, the items flow over the drop down list boundaries and scrolling does not work (see attached image). Same page works fine on all desktop browsers.
Using the following scripts (via a generated kendo.custom.min.js):

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.fx.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.data.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.calendar.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.popup.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.timepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datetimepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.list.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dropdownlist.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.menu.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.numerictextbox.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.themes.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.userevents.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.svg.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.chart.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.draganddrop.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.mobile.scroller.min.js"></script>

Note: added kendo.mobile.scroller later on, but does not make a difference.
 
Code to create DropDownList (from a <select>):
$("#rangelist").kendoDropDownList();
Am I missing something?

UPDATE: Solved. Adding kendo.mobile.scroller.min.js and kendo.touch.min.js fixed the issue.

No answers yet. Maybe you can help?

Tags
DropDownList
Asked by
Günter
Top achievements
Rank 1
Share this question
or