Drag and Drop item about components

Question

I’m developing a drag and drop feature from a side menu to a list.

I have 2 problems:

1 - When I drag the item from the side menu, the item is shown only on the menu, when I move the mouse out of the menu it is not shown (Example in image 2)

• I know it’s something to do with the z-index but I can’t apply it.

2 - I managed to drag an item and assign in the list when I was testing in Veloper tools, but now it’s not working and I’m working hard to find out which property I changed, I believe the "position".

I would like you to help me define these properties and whether I am right about z-index and position.

Thank you.

Answer 1

1 - When I drag the item from the side menu, the item is shown only on the menu, when I move the mouse out of the menu it is not shown (Example in image 2)

R-

.sidebar-container {
    overflow: visible;
}

2 - I managed to drag an item and assign in the list when I was testing in Veloper tools, but now it’s not working and I’m working hard to find out which property I changed, I believe the "position".

R - I had duplicated javascript on the screen, I don’t know what influence I was having but solved when I removed.