Drag & Drop Between Components & Sidebar Issue

[Andrew Tarr]

Greetings, I'm having an issue with dragging and dropping grid rows between components. When I drag a row from a grid inside one component to a grid inside another component, the drag and drop functions properly but the floating item gets hidden after dragging outside the initial component. In the images below, you see my target grids (Main Grid 1 and Main Grid 2), and my Sidebar Grid which will be where the drag starts. I tried adding some CSS to increase the Z-Index of the dragging item but it didn't seem to work. Any suggestions?

Image 1 (Before Drag Starts):Image 2 (During Drag... row hidden behind "main component"):

Image 3 (After drop, successfully in main grid 1):

[Rajapandi Ravi]

Hi Andrew, 

Thanks for contacting Syncfusion support. 

Based on your query while drag and drop the grid rows the dragging item gets hidden after dragging outside the initial component. 

 

To proceed further on your query,  we need the code example of components(Main Grid 1, Main Grid 2 and SidebarGrid) that you have displayed in the screenshot. 

 

Regards, 

Rajapandi R 

[Andrew Tarr]

Hi Rajapandi, I have created a stackblitz here to demonstrate my issue.

[Rajapandi Ravi]

Hi Andrew, 

 

We were able to reproduce the issue “Issue in drag and drop from one div element to another” and we confirm this as a bug and logged a defect report. You can keep track of the bug from the feedback portal below. 

 

Link: https://www.syncfusion.com/feedback/14984/issue-in-drag-and-drop-from-one-div-element-to-another 

 

The fix will be available in our upcoming  second patch release after Volume 2, 2020 release which is scheduled to be rolled out at second week of July.  

 

If you have any more specification/precise replication procedure or a scenario to be tested you can add it as a comment in the portal. 

 

Regards, 

Rajapandi R