[Table/Tree]: Cannot drag and drop multiple items at a time

[Ankitadoshi]

Bug Description

When we add the movable property to all the items in a Tree or Table component, We see that we can move only one item at a time.
We cannot select multiple rows at a time and move them or perform drag&drop on them.
We see that in moveOver event - there is only one element passed as source and destination and it does not have provision to pass the selected elements as array.

This is a high priority issue for us since we need to implement the drag and drop feature for our project with multiple rows draggable at the same time.

Please let me know if my understanding is incorrect here. Thanks

Affected Component

SF

Expected Behaviour

User should be able to drag and drop multiple table rows or tree items at the same time.

Isolated Example

https://codesandbox.io/p/sandbox/ui5-wc-table-2-0-drag-and-drop-45zpmv?file=%2Fsrc%2Findex.js&workspaceId=ws_2RkXLtnBTTpaKTpy1jSNog

Steps to Reproduce

1. Go to link https://codesandbox.io/p/sandbox/ui5-wc-table-2-0-drag-and-drop-45zpmv?file=%2Fsrc%2Findex.js&workspaceId=ws_2RkXLtnBTTpaKTpy1jSNog
2. Try to drag multiple rows from Table 1 to Table 2 or vice versa
3. Observe that only one row can be dragged at a time.

...

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.6.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SF

Declaration

• I’m not disclosing any internal or sensitive information.

[NHristov-sap]

Hello @ui5-webcomponents-topic-tbl,

Please check if this is a bug or a (most probably) feature request.

Best Regards,
Nikolay Hristov

[Ankitadoshi]

Hi @simlin,

Drag and Drop feature was requested as part of SAP/ui5-webcomponents-react#6251 and it was added to Web components as part of #7240
Can you please help check this issue?

Thanks

[simlin]

Hello @Ankitadoshi
there is no explicit build-in support for dragging selected items / rows for all the Web Components List, Tree or Table.

I will take this as feature request and start some discussion whether such a bundling of selection and drag & drop is really desired for those controls. It could also be that just some special indication for the drag ghost might be the outcome.

But the functionality can already be implemented by applications with the current drag & drop offering, see
https://stackblitz.com/edit/github-ltccua-hcnffz?file=index.html,main.js,package.json

Best Regards
Jens