JQuery UI Draggable Scale Fix (Actually working)

scalefix.js

// https://stackoverflow.com/questions/17098464/jquery-ui-draggable-css-transform-causes-jumping



//css3 transform bug with jquery ui drag - fixed(works fine whether position, absolute or relative)
var __dx;
var __dy;
var __scale=0.5;
var __recoupLeft, __recoupTop;

$("#draggable").draggable( { 
//revert: true,
zIndex: 100,
drag: function ( event, ui ) {
//resize bug fix ui drag `enter code here`
__dx = ui.position.left - ui.originalPosition.left;
__dy = ui.position.top - ui.originalPosition.top;
//ui.position.left = ui.originalPosition.left + ( __dx/__scale);
//ui.position.top = ui.originalPosition.top + ( __dy/__scale );
ui.position.left = ui.originalPosition.left + ( __dx);
ui.position.top = ui.originalPosition.top + ( __dy );
//
ui.position.left += __recoupLeft;
ui.position.top += __recoupTop;
},
start: function ( event, ui ) {
$( this ).css( 'cursor', 'pointer' );
//resize bug fix ui drag
var left = parseInt( $( this ).css( 'left' ), 10 );
left = isNaN( left ) ? 0 : left;
var top = parseInt( $( this ).css( 'top' ), 10 );
top = isNaN( top ) ? 0 : top;
__recoupLeft = left - ui.position.left;
__recoupTop = top - ui.position.top;
},
stop: function ( event, ui ) {
$( this ).css( 'cursor', 'default' );
//alternate to revert (don't use revert)
$( this ).animate( {
left: $( this ).attr( 'oriLeft' ),
top: $( this ).attr( 'oriTop' )
}, 1000 )                
},
create: function ( event, ui ) {
$( this ).attr( 'oriLeft', $( this ).css( 'left' ) );
$( this ).attr( 'oriTop', $( this ).css( 'top' ) );
}
 } )  

I am uncertain how this works when the scale is not being taken into consideration since the code that does so is commented out:

//ui.position.left = ui.originalPosition.left + ( __dx/__scale);
//ui.position.top = ui.originalPosition.top + ( __dy/__scale );

Can you please explain?

I am uncertain how this works when the scale is not being taken into consideration since the code that does so is commented out:

//ui.position.left = ui.originalPosition.left + ( __dx/__scale);
//ui.position.top = ui.originalPosition.top + ( __dy/__scale );

Can you please explain?

This is some old fiddle of mine. I have no idea what this was for or if it fixed anything. You should:

1. See if this bug is still present in the newest jQuery UI
2. Check the linked stackoverflow page for a better fix / explanation as to what this one is supposed to do.

My best guess is that the original jQuery UI code had that scale taken into consideration (thus the lines), but this was not done right, so the actual fix was to do the calculations without the divisions by scale.