Unable to scroll listbox on mobile (IOS)

[Lee]

I have two connected listboxes with drag and drop and multiselect both enabled. This works fine on desktop, however on mobile (I only checked IOS) the user is unable to scroll through the list of items. You can reproduce this in Chrome developer tools by selecting the device toolbar and choosing one of the simulators) I created a Dojo here: https://dojo.telerik.com/@dojolee/oBeMUwuQ to demonstrate.

[Lee]

Upon further testing I noticed if I remove selectable: "multiple". The drag and drop feature works but scrolling still doesn't work. If I remove drag and drop only the scroll still does not work. If I remove both scrolling works again. The problem is that the user will need to be able to select multiple items at once.

[Georgi]

Hi Lee,

For user interaction with touch screen there is no gesture difference between scrolling and dragging an element - they both trigger the same event. Therefore it is not possible to determine whether the user is trying to scroll or drag.

To avoid the current issue I could suggest you to disable scrolling for the widget. Below you will find a modified version of the provided sample:

• https://dojo.telerik.com/ezirAyav

I hope this helps.

Regards,
Georgi
Progress Telerik

[Lee]

Thank you but the issue seems to be with the multiselect. When the user scrolls the cursor instead selects items making it impossible to scroll on touch devices. Tap should select while drag should scroll. Is there a way to fix this?

[Georgi]

Hello Lee,

If I understand correctly, you would like to select the items after certain hold and without hold scroll. Is that correct?

If that is the case, at this point I can suggest you to submit a feature request in our feedback portal and if the request gains popularity we will consider implementing it.

Regards,
Georgi
Progress Telerik