Elements Can Drag&drop

[oknoorap]

Basic DnD TODO

• Drag n Drop element to canvas
  • Left component can drag
  • Left component can dropped into canvas
  • Reselect element after drop
  • Reselect element after drop
  • Nested Element
  • Dropline
    • Horizontal Top
      • if drop element has childs, dropline should appears in bottom
    • Horizontal Bottom
      • If drop element not in last child, element selector + dropline, should select parent element
      • if drop element in last child, element selector should select parent element
      • if drop element in last child, drop should appears on hovered element
    • Vertical
  • Hover effect
  • Right click should not dragging
• Work on all breakpoints
  • Large
  • Medium
  • Small
  • Tiny
• Element in canvas can be dragged
  • Move element to another element
    • Drag element of grandparent directly
    • Prevent un-nested element accept same kind
    • Prevent drop on same parent id