Question

Within draggable elements I have helper ‘icons’ which I’m using as the visual indicator of the drag. But, when I give the draggable elements padding, jQuery is taking the top left corner as the start and revert position for the helper instead of its real position, see http://jsfiddle.net/G2j76/1/

Is this a bug or am I making a mistake setting this up?

Answer 1

Try adding this:

.ui-draggable-dragging
{
    margin : 11px;  
}

You’ve got your padding in the draggable element, but the element you see dragging is a child element. If you add 11px margin (1px border + 10px padding), it will be positioned on the right position.

DEMO: http://jsfiddle.net/G2j76/2/