TaskBoard columns cannot be horizontally scrolled on a mobile device

[kendo-bot]

Bug report

On mobile devices, when the TaskBoard columns are filled with cards, the users have trouble scrolling horizontally through the columns. When they attempt to scroll the screen, they accidentally drag cards instead of scrolling the columns. This makes navigation in the TaskBoard quite difficult, particularly for projects with a large number of cards.

Reproduction of the problem

1. Create a TaskBoard with at least two columns.

2. Fill the columns with cards.

3. Open the browser DevTools and switch to mobile view. Tap a card to scroll the columns horizontally or tap at the bottom of the TaskBoard to activate the horizontal scrollbar.

4. The last card is accidentally dragged.

A Dojo sample for reproduction: https://dojo.telerik.com/izASODan

Expected/desired behavior

When the user makes a hold/long press/long tap, show the "indicator for drag and drop" and then he/she continues with the gesture by moving the card to the desired column and lift the finger. This way, the accidental dragging will be prevented. For more information, refer to the GitHub issue.

Note: The cards in the TileLayout can be dragged only through the card's title element. The TaskBoard cards can be dragged through the card's body, as well.

Environment

• **Kendo UI version: 2024.3.806
• **jQuery version: 3.7.0
• **Browser: [all]

[mihaela-lukanova]

The issue is reported again ticket ID 1665569