Hi,
I'm having trouble troubleshooting an issue specific to iOS platforms (app, not mobile web) regarding dropdownlists. It scrolls perfectly fine on Android and Windows devices along with any device in the simulator. However, on iOS devices (iPhone 6s and iPad tested), the scrolling doesn't work. At times, constantly moving my finger up and down on the list will shift it slightly (as in, less than 1/2 a row's distance), but never consistently nor reliably responsive in matching my finger's movement as it would on android devices.
I have made sure that kendo.mobile.scroller.min.js and kendo.touch.min.js are included (defined in kendo.all.min.js). I have also tried finding if there are scrollers inside the DropDownList ( $("#leaveType").data("kendoDropDownList").list.data("kendoMobileScroller") returns "undefined" ) interfering with the functionality and came up with nothing.
Screenshot that shows how the area is rendered, is attached. Clicking on the top blue select button shows the dropdownlist.
Below is the relevant code, which itself is inside a kendo view navigated to via a dashboard.
$("#leaveType").kendoDropDownList({
dataSource: pageModel.get('leaveTypeDS'),
dataTextField: "Description",
dataValueField: "Leave_Code",
optionLabel: "--Select--",
optionLabelTemplate: '<
span
class
=
"leaveType-option"
onclick
=
"debugger;"
>--Select--</
span
>',
valueTemplate: '<
span
class
=
"leaveType-value"
>#:data.Description#</
span
>',
template: '<
span
class
=
"applyLeave-dropdownList"
>#:data.Description#</
span
>',
valuePrimitive: true
});
applied to the following:
<
input
id
=
"leaveType"
data-bind
=
"value: mainInfo.leaveType"
/>
Any help and/or insight is greatly appreciated. Thanks!