### Drag and Drop - DDProxy

####

### Examples

- Drag test
- Always on top
- Proxy drag
- Sortable list
- Multiple handles
- Targetable affordance
- Grid
- Resize pane
- Custom click validator

### 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