drag.md

drag

• drag to create two columns

// To tow columns
// |------------------------------------------------------------------------------
// |                                                                             |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx                                               |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx                                               |
// |                                                                             |
// |------------------------------------------------------------------------------
//
// |------------------------------------------------------------------------------
// |                                                                             |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx          xxxxxxxxxxxxxxxxxxxxxxxxxxxxx        |
// |                                                                             |
// |------------------------------------------------------------------------------

// To three columns
// |------------------------------------------------------------------------------
// |                                                                             |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx                                               |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx                                               |
// | xxxxxxxxxxxxxxxxxxxxxxxxxxxxx                                               |
// |                                                                             |
// |------------------------------------------------------------------------------
//
// |------------------------------------------------------------------------------
// |                                                                             |
// | xxxxxxxxxxxxxxxxxxxx       xxxxxxxxxxxxxxxxxxxx       xxxxxxxxxxxxxxxxxxxx  |
// | xxxxx                      xxxxxx                     xxxx                  |
// |------------------------------------------------------------------------------

documents

Drag Operations

simulate drag event using mouse event...

Drag Event vs Mouse events for Drag and Drop Drag & Drop vs. MouseEvents - A misunderstanding How to simulate HTML5 Drag and Drop events in javascript? Drag'n'Drop with mouse events

method

elementFromPoint()

DocumentOrShadowRoot.elementFromPoint()

cloneNode()

Node.cloneNode()

animation

vue-smooth-reflow

Issues

• Draggable steals jquery mousedown
• mouseup is not fired after mousedown
• javascript-events— 'mouseup' not firing after mousemove
• Mouseup not working after mousemove on img

lib demo

react-trello-board react-beautiful-dnd react-smooth-dnd