I'm trying to develop a certain web application that uses HTML5 drag and drop API. My application should give the user the abillity to drag and drop items to a certain "Drop Zone" block and also the abillity to drag items on other items to create folders, and items on folders, and folders on folders and so on... (inside the drop zone block of course).
I tried using 2 arrays of items, one for all of the applications and one for the selected application (that has been dragged to drop zone).
Stackblitz example: https://stackblitz.com/edit/nested-drag-and-drop?file=src/app/app.component.html
stuck here.
Expected output should be like mobile phones when you can drag one app on another to create a new folder (just a bit stronger when you can drag folder on folder to create a big folder containing both)
