Replicate by dragging a RadListBox item vertically in the Drag-and-drop demo, on a mobile device.
Hi,
We are sharing more information on this issue and a workaround for the time being:
This issue is related to the iOS update in 11 version that is explained in this KB article:
The following workaround fixes the issue.
function fixGridSchedulerComboBoxDropDownList() {
// For RadGrid - .RadGrid .RadTouchExtender
// For RadScheduler - .rsContentScrollArea.RadTouchExtender
// For RadComboBox - .rcbScroll
// For RadDropDownList - .rddlList
// For RadListBox - .RadListBox .RadTouchExtender
var fixed = $telerik.$(".RadListBox .RadTouchExtender");
fixed.on('touchmove', function (e) {
e.preventDefault();
});
}
Sys.Application.add_load(fixGridSchedulerComboBoxDropDownList);
Another option is to override the internal initialize function that would apply the fix to all ListBoxes. To do that, you should load/place the script below somewhere under the ScriptManager:
if (Telerik.Web.UI.RadListBox) {
Telerik.Web.UI.RadListBox.prototype.original_initialize = Telerik.Web.UI.RadListBox.prototype.initialize
Telerik.Web.UI.RadListBox.prototype.initialize = function myfunction() {
this.original_initialize();
var fixed = $telerik.$(this.get_element()).find(".RadTouchExtender");
fixed.on('touchmove', function (e) {
e.preventDefault();
});
}
}
Regards,
Peter Milchev
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.