The drag and drop functionality of the ListBox does not work on Android. When you try to drag an item, the item does not move.

Hi,

Last week, I started exploring the Telerik for Blazor library, and I’ve been working with the ListBox component that facilitates drag-and-drop functionality within and between lists. While the drag-and-drop feature works well, I noticed that there’s no visual drop indicator to show where an item will be placed when dropped within the list.

Is there a built-in solution or a recommended approach to implement a drop indicator for this scenario?

I’ve attached an image that shows a list with an item being dragged, and I’ve highlighted where I would like the drop indicator to appear.

Thanks in advance for your help.

Best regards,
Mika

The behavior is reproducible if you have selected item(s) at the beginning of the list and one of them is focused. In this case, if you scroll down, so the selected item is out of view, pressing `Shift` or `Ctrl` scrolls to the focused selected item at the top preventing you from clicking on the last item.

The same issue can be reproduced in reverse - if you select an item at the bottom and scroll to the top so the selection is not in the view. In this case, pressing `Shift` or `Ctrl` will force scroll down to the focused selected item.

The issue is reproducible in both selection modes.

Is there a way to designate which element is the area to start a drag?

 

=====ADMIN EDIT=====

In the interim, as an alternative approach, you have the option to specify the drag handle element using JavaScript to selectively disable the dragging functionality for all elements within the ItemTemplate, except for the intended drag handle. Here is an example: REPL link.

I would like to drag all selected items from one ListBox and drop them to another. 

I have a ListBox on the same page as an Editor. I want to drag items from the ListBox to the Editor. Currently, it is not possible to drag items outside of the ListBox.

The drag events will also allow me to get the dragged item, so I can remove it from the ListBox's data when the user drops it in the Editor.

Please expose OnDragStart / OnDrag events to allow me to achieve that. Also, enhance the OnDrop event to allow dropping items outside of the ListBox.

When the ListBox is focused for the first time via the keyboard, it should focus the first selected item. Currently it focuses the first item, regardless of selection.