Thanks you two,
My problem exists when I click a button to make an object, the objects position is bound to another separate div. There is then a gap between where the newly created panel is from the div in which I clicked/held down to create said obj.
Here's a screen shot.
On a separate note:
I attempted to recreate the problem as simplistic as possible on codepen (see above updated original post), but it seems I'm doing something incorrectly.
When making a new draggable object, would this be an appropriate implementation?
Make a class,
Make a variable of the class be the draggable,
Reference the parent class' draggable variable when need.
Like this --> class SomeObject {
constructor( ... make the class
this.draggable = Draggable.create('# ... make the draggable variable
Then reference the draggable via the parent class obj
let obj = new SomeObject();
obj.draggable['0'].startDrag(event);
Is this the proper use of a draggable?