pointermove and pointerup events should be added to the document only after pointerdown

[santiagopuentep]

Right now the pointerup and pointermove events are added to the document and constantly active for every draggable object in screen. The pointerup and pointerup should be added only inside the pointerdown event, otherwise this is a big performance issue.

Even better, they can be added to the node directly and node.setPointerCapture(event.pointerId); can be called inside pointerup so that the browser points all events to the node. This has the added benefit that if the pointer ever goes outside the bounds of the draggable, the pointer won't trigger other element's hover events for example.

See this link for more info.