Sortable List - POINT mode
In the sortable list example, we extend DDProxy instead of DD
so that we can use the source element as the "insertion point".
When the drag starts, the proxy element style and content is
adjusted to match the source element, and visibility:hidden is
applied to the source element.
To facilitate dragging into an empty list, we make the two list
elements DDTargets. When interacting with the list items, we
will get two notifications (one for the list, one for the list
item). We ignore all dragOver events that happen on the list
and ignore all dragDrop events unless the drop was in the
list's negative space (not over another list item).
List 1
- list 1, item 1
- list 1, item 2
- list 1, item 3
List 2
- list 2, item 1
- list 2, item 2
- list 2, item 3