Unplanned
Last Updated: 04 Nov 2020 11:07 by ADMIN
Wijnand
Created on: 26 Oct 2020 14:06
Category: ListBox
Type: Bug Report
1
Drag & drop mobile device / touch screen - unexpected behavior

Replicate by dragging a RadListBox item vertically in the Drag-and-drop demo, on a mobile device.

1 comment
ADMIN
Peter Milchev
Posted on: 04 Nov 2020 11:07

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/.