Skip to main content

Search and Top Navigation

#5009 closed bug (fixed)

Opened December 16, 2009 02:35PM UTC

Closed April 03, 2013 04:28PM UTC

Last modified April 17, 2013 07:10PM UTC

Draggable: scroll not working with parent's position fixed

Reported by: tyron Owned by:
Priority: major Milestone: 1.10.3
Component: ui.draggable Version: 1.7.2
Keywords: scroll fixed position Cc:
Blocked by: Blocking:
Description

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.

Attachments (0)
Change History (11)

Changed March 10, 2010 05:36PM UTC by scottgonzalez comment:1

milestone: TBD1.next
version: 1.8a11.7.2

Changed October 19, 2010 03:41PM UTC by scottgonzalez comment:2

priority: criticalmajor

Changed October 03, 2012 03:44PM UTC by scottgonzalez comment:3

milestone: 1.next2.0.0

Changed October 26, 2012 04:23AM UTC by mikesherov comment:4

status: newopen

Changed October 28, 2012 09:00PM UTC by mikesherov comment:5

summary: Draggable scroll not working with parent's position fixedDraggable: scroll not working with parent's position fixed

Changed March 13, 2013 02:25AM UTC by tj.vantoll comment:6

#7581 is a duplicate of this ticket.

Changed March 13, 2013 02:25AM UTC by tj.vantoll comment:7

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

Changed April 03, 2013 04:28PM UTC by Mike Sherov comment:8

resolution: → fixed
status: openclosed

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

Changed April 03, 2013 04:28PM UTC by mikesherov comment:9

milestone: 2.0.01.11.0

Changed April 17, 2013 07:10PM UTC by Mike Sherov comment:10

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

Changed April 17, 2013 07:10PM UTC by scottgonzalez comment:11

milestone: 1.11.01.10.3