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

Unable to scroll listbox on mobile (IOS)

4 Answers 136 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Lee
Top achievements
Rank 1
Iron
Iron
Iron
Lee asked on 31 Jan 2020, 02:30 PM
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.

4 Answers, 1 is accepted

Sort by
0
Lee
Top achievements
Rank 1
Iron
Iron
Iron
answered on 31 Jan 2020, 02:51 PM
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.
0
Georgi
Telerik team
answered on 04 Feb 2020, 10:55 AM

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:

I hope this helps.

Regards,
Georgi
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Lee
Top achievements
Rank 1
Iron
Iron
Iron
answered on 04 Feb 2020, 12:19 PM
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?
0
Georgi
Telerik team
answered on 06 Feb 2020, 11:13 AM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
ListBox
Asked by
Lee
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Lee
Top achievements
Rank 1
Iron
Iron
Iron
Georgi
Telerik team
Share this question
or