Draggable: cloned helper of different dimensions than original not dragged by click point

[duncanbeevers]

When a draggable is cloned and the helper has dimensions different than the original element, the drag registration point remains the click point on the original element instead of being scaled to the appropriate point on the cloned element.

Demonstration: ​http://jsfiddle.net/p8wXv/

[duncanbeevers]

Submitted pull request for this bug.

Commit is here: ​https://github.com/duncanbeevers/jquery-ui/commit/bb4657e84c73f045dbe3f85620275987dc595fc8

Pull request is here: ​https://github.com/jquery/jquery-ui/pull/522

[rdworth]

Proposed steps to implement:

1. On start, calculate x and y position of mouse cursor relative to draggable: relX, relY
2. Position helper top and left at position of mouse cursor (note: not at top/left of draggable)
3. Use helper width / draggable width and helper height / draggable height to compute: factorX and factorY
4. Translate helper left by relX * factorX and up by relY * factorY

This should ensure the cursor is over the helper and at an equal relative distance from the helper's top/left as the draggable's top/left

I believe ​https://github.com/duncanbeevers/jquery-ui/commit/bb4657e84c73f045dbe3f85620275987dc595fc8 may be missing step 2 above

[duncanbeevers]

I found I did not immediately have access to the cloned helper's dimensions.

[mikesherov]

#9325 is a duplicate of this ticket.