I know this is an older thread, but I just encountered the same thing. I have a draggable dialog, and the original css looked like:
transform: translate(-50%, -50%);
But draggable offset the dialog's x and y position by 50%. Here is the fix (I'm using another element as a trigger for Draggable):
// set the dialog x,y position outside of css
// now draggable works without translating the dialog by 50%
Just sharing in case someone encounters the exact same thing in 2021.