jQuery UI Перетаскиваемые прыжки при первом перетаскивании

Question

Пожалуйста, обратитесь к этому примеру jsFiddle.

При первом перетаскивании перетаскиваемого объекта он выпрыгивает из видимой области. Тем не менее, это все еще перетаскивается. Это просто не прилипает к курсору мыши.

Следующий код является основным кодом JS, который я использую.

$('.sortable').sortable({
    revert: true
});

$('.draggable').draggable({
    connectToSortable : '.sortable',
    revert            : 'invalid'
});