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.

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

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.

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.