#7913 closed bug (worksforme)

Opened November 25, 2011 07:04AM UTC

Closed August 26, 2014 11:37PM UTC

Last modified August 27, 2014 12:06AM UTC

Draggable: Containment can be broken when scrolling while dragging

Reported by: bugsBuggy Owned by:
Priority: minor Milestone: 1.10.3
Component: ui.draggable Version: 1.8.16
Keywords: Cc:
Blocked by: Blocking:
Description
[22:53] <dogarrhea2> i just installed chrome 5 minutes ago
[22:53] <dogarrhea2> change your browser size to something where a scrollbar on the right shows up.
[22:53] <dogarrhea2> drag the element that is "contained in parent etc." towards the part of the screen which will cause a scroll.
[22:55] <dogarrhea2> for those of you trying to follow along, it's at http://jqueryui.com/demos/draggable/constrain-movement.html for the "contained in parent" draggable
[22:55] <dogarrhea2> you can actually drag it outside if your window is resized. 
[22:55] <Eviltwin> Not sure anyone is trying to follow along :P
[22:55] <dogarrhea2> were you able to replicate Eviltwin?
[22:55] <Eviltwin> Yeah, I didn't realize you needed to make the window scroll
[22:55] <Eviltwin> Missed that part
[22:57] <Eviltwin> I'm guessing this is to account for a scrolling parent element
[22:57] == mariuscc [~mariuscc@79.112.120.98] has joined #jquery
[22:58] == VeggieMeat [~veggiemea@64.19.101.243] has joined #jquery
[22:58] <Eviltwin> Well report it to jQuery UI devs
Attachments (0)
Change History (7)

Changed November 25, 2011 07:06AM UTC by bugsBuggy comment:1

_comment0: Explanation of irc log: \ \ Dragging a draggable element which has containment is totally broken when the entire page scrolls while the dragging is in effect. → 1322204904996742

Explanation of irc log:

Dragging a draggable element which has containment is totally broken when the entire page scrolls while the dragging is in effect. This can actually be seen in the link provided above (to the actual demo page where it is broken)at http://jqueryui.com/demos/draggable/constrain-movement.html

Changed June 25, 2012 06:09PM UTC by scottgonzalez comment:2

#8412 is a duplicate of this ticket.

Changed October 11, 2012 02:49PM UTC by scottgonzalez comment:3

milestone: 1.9.0 → 2.0.0

Changed October 28, 2012 07:24PM UTC by mikesherov comment:4

description: [22:53] <dogarrhea2> i just installed chrome 5 minutes ago \ [22:53] <dogarrhea2> change your browser size to something where a scrollbar on the right shows up. \ [22:53] <dogarrhea2> drag the element that is "contained in parent etc." towards the part of the screen which will cause a scroll. \ [22:55] <dogarrhea2> for those of you trying to follow along, it's at http://jqueryui.com/demos/draggable/constrain-movement.html for the "contained in parent" draggable \ [22:55] <dogarrhea2> you can actually drag it outside if your window is resized. \ [22:55] <Eviltwin> Not sure anyone is trying to follow along :P \ [22:55] <dogarrhea2> were you able to replicate Eviltwin? \ [22:55] <Eviltwin> Yeah, I didn't realize you needed to make the window scroll \ [22:55] <Eviltwin> Missed that part \ [22:57] <Eviltwin> I'm guessing this is to account for a scrolling parent element \ [22:57] == mariuscc [~mariuscc@79.112.120.98] has joined #jquery \ [22:58] == VeggieMeat [~veggiemea@64.19.101.243] has joined #jquery \ [22:58] <Eviltwin> Well report it to jQuery UI devs \ → {{{ \ [22:53] <dogarrhea2> i just installed chrome 5 minutes ago \ [22:53] <dogarrhea2> change your browser size to something where a scrollbar on the right shows up. \ [22:53] <dogarrhea2> drag the element that is "contained in parent etc." towards the part of the screen which will cause a scroll. \ [22:55] <dogarrhea2> for those of you trying to follow along, it's at http://jqueryui.com/demos/draggable/constrain-movement.html for the "contained in parent" draggable \ [22:55] <dogarrhea2> you can actually drag it outside if your window is resized. \ [22:55] <Eviltwin> Not sure anyone is trying to follow along :P \ [22:55] <dogarrhea2> were you able to replicate Eviltwin? \ [22:55] <Eviltwin> Yeah, I didn't realize you needed to make the window scroll \ [22:55] <Eviltwin> Missed that part \ [22:57] <Eviltwin> I'm guessing this is to account for a scrolling parent element \ [22:57] == mariuscc [~mariuscc@79.112.120.98] has joined #jquery \ [22:58] == VeggieMeat [~veggiemea@64.19.101.243] has joined #jquery \ [22:58] <Eviltwin> Well report it to jQuery UI devs \ }}}

Changed October 28, 2012 07:29PM UTC by mikesherov comment:5

status: new → open
summary: draggable containment scrollbar → Draggable: Containment can be broken when scrolling while dragging

Confirmed as described: http://jqueryui.com/draggable/#constrain-movement

1. Click and drag the "I'm contained within my parent" element to the bottom of its parent.

2. While still dragging the element, scroll the iframe down.

3. move the mouse slightly while still dragging.

4. observe the element jumping out of the containment.

It may take a few times to get it... it's a quite fickle set of repro steps.

Changed August 26, 2014 11:37PM UTC by mikesherov comment:6

milestone: 2.0.0 → none
resolution: → worksforme
status: open → closed

This works and was fixed in 1.10.3

Changed August 27, 2014 12:06AM UTC by scottgonzalez comment:7

milestone: none → 1.10.3