Draggable: scroll not working with parent's position fixed

[tyron]

If you create a draggable element inside an fixed positioned element and you drag it all the way down the screen, the element begins to distance from the mouse while the window scrolls.

You can recreate this steps following the steps.

1. Access the URL ​http://jqueryui.com/demos/draggable/constrain-movement.html, which is the first example of Draggable - in a new window.
   
2. Execute the code below in your address's bar:

   javascript:(function(){$("#draggable").css('top', '4000px');$("#draggable5").parent().css('position','fixed');$("#draggable5").draggable('option','containment', 'html');})();
   

3. Now, drag the "I'm contained within my parent." box down, and you'll see the results.

If you don't want to use javascript to do the above, you should:

1. Move the draggable1 (which says "I can be dragged only vertically.") down the screen until there's much vertical scrollbar.
   
2. Add to the "#draggable5"'s outer div the rule: "position: fixed;".
   
3. Make the "#draggable5"'s containment the html page.

This happens in the stable version 1.7.2 and the SVN's 1.8a1.

[mikesherov]

confirmed: ​http://jsfiddle.net/x7uLD/1/

[tj.vantoll]

#7581 is a duplicate of this ticket.

[tj.vantoll]

Reduced test case against master ​http://jsfiddle.net/tj_vantoll/2hAuY/.

[Mike Sherov]

Draggable: Don't cache parent offset if the parent position is fixed. Fixes #5009 - Draggable: scroll not working with parent's position fixed

Changeset: 49c7b7200ef944ffc93487e79e763dfe97b4ff4a

[Mike Sherov]

Draggable: Don't cache parent offset if the parent position is fixed. Fixes #5009 - Draggable: scroll not working with parent's position fixed(cherry picked from commit 49c7b7200ef944ffc93487e79e763dfe97b4ff4a)

Changeset: c1011b5b9dbdf59acff2fc26b832e0fba09346bd