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 comment:1
milestone: | TBD → 1.next |
---|---|
version: | 1.8a1 → 1.7.2 |
Changed October 19, 2010 03:41PM UTC by comment:2
priority: | critical → major |
---|
Changed October 03, 2012 03:44PM UTC by comment:3
milestone: | 1.next → 2.0.0 |
---|
Changed October 26, 2012 04:23AM UTC by comment:4
status: | new → open |
---|
confirmed: http://jsfiddle.net/x7uLD/1/
Changed October 28, 2012 09:00PM UTC by comment:5
summary: | Draggable scroll not working with parent's position fixed → Draggable: scroll not working with parent's position fixed |
---|
Changed March 13, 2013 02:25AM UTC by comment:7
Reduced test case against master http://jsfiddle.net/tj_vantoll/2hAuY/.
Changed April 03, 2013 04:28PM UTC by comment:8
resolution: | → fixed |
---|---|
status: | open → closed |
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 comment:9
milestone: | 2.0.0 → 1.11.0 |
---|
Changed April 17, 2013 07:10PM UTC by 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 comment:11
milestone: | 1.11.0 → 1.10.3 |
---|