Draggable: Incorrect position when using containment and leaving a sortable

[crash1912]

The problem is the draggable element when I exceeds limit defined in "containment" ... the "helper" in this moment away from the pointer, which is a major hassle ...

The code JS:

$(".sortable").sortable({
  containment: '.demo',
});

$(".draggable").draggable({
  containment: '.demo',
  connectToSortable: '.sortable',
});

HTML:

<div class="demo">
<ul>
  <li class="draggable ui-state-highlight">Arrastrame fuera</li>
</ul>

<ul class="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Arrastrame fuera</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>
</div>

gif with problem playback:

JSFIDDLE DEMO: ​https://jsfiddle.net/oooer0hp/4/

Web Browsers affected: ALL, firefox, chrome, safari... Help please...

[Scott González]

I don't see any problem; the element *can't* follow the cursor since that's exactly what the containment option *is*. What exactly do you expect to happen?

[crash1912]

Replying to scott.gonzalez:

I don't see any problem; the element *can't* follow the cursor since that's exactly what the containment option *is*. What exactly do you expect to happen?

Please, see demo:

mouse loses element!

[Scott González]

Ok, so the problem is that when the draggable leaves the sortable and the cursor is outside of the containment, the draggable is forced to a new location which isn't accounted for in the cursor offset. Here's a reduced test case: ​https://jsfiddle.net/oooer0hp/7/

[crash1912]

Replying to scott.gonzalez:

Ok, so the problem is that when the draggable leaves the sortable and the cursor is outside of the containment, the draggable is forced to a new location which isn't accounted for in the cursor offset. Here's a reduced test case: ​https://jsfiddle.net/oooer0hp/7/

Doesnt work, problem is same. With "parent" fix the problem, BUT NOT ALWAYS is possible use "parent"... in jquery ui 1.10 this problem not exist, appears in 1.11...

I need solve this problem, please, help...