CODEWITHSUNDEEP
angularangular-materialdrag-and-dropangular-cdk-drag-drop
Rajesh Prabhu
Rajesh Prabhu

Reputation: 51

Drag & Drop from List to a drop area angular

I am implementing a drag and drop feature in angular where i want to drag an item from the list and place it anywhere in the drop zone area.

The position of the dragged item should be where I mousedrop it (leave the mouse pointer from dragged state). I tried using cdk drag-drop functionality from angular material ui but couldn't find a proper solution to my problem.

In the end I should get an absolute position of the dragged-dropped list item, relative to the drop zone.

Currently, i have referred to the plugins/libraries and in those i have only found the tranfering of items from one list to another.

Here's a diagram for the feature i want to achieve... Drag and Drop Functionality Diagram

Upvotes: 0

Views: 1849

Answers (2)

rambabu kuntal
rambabu kuntal

Reputation: 11

Are you saying that some city of rajasthan and other city from maharastra and these city in a another div when you drag and drop them it provide response

Upvotes: 0

Minal Shah
Minal Shah

Reputation: 1486

Hello you should try using the Dragula library, I have used it and is very user friendly and having so almost all features needed while dragging and dropping the element.

Here is the link you can refer to for detailed information: enter link description here

Upvotes: 1

Related Questions