draggable bounds object not based on the entire page's coordinate system

[annam]

Hello,

 

We recently updated to the latest version of Draggable and there's seems to have been a change in functionality regarding bounds:

 

Even though the docs

 

 

 

you can define bounds as a rectangle instead, like bounds:{top:100, left:0, width:1000, height:800} which is based on the entire page's coordinate system (top/left would be from the upper left corner of the unscrolled page)

 

this seems to no longer be the case. 

 

If the draggable element is inside an absolutely positioned element, the bounds are relative to the parent element and not the entire page.

 

here's a jsfiddle: http://jsfiddle.net/annam/Y9Y3D/

 

This definitely worked as described in the docs prior to the latest draggable update. 

 

Has this behaviour been changed and the docs are out of date, or is this a bug?

 

Thanks,

Anna

[GreenSock]

I apologize for any confusion there - yes, the rectangle is relative to the parent's coordinate system. The reason this is important in newer versions of Draggable is because it now accommodates transforms in the chain (like if the parent is rotated) which wouldn't work properly if the bounds had a different axis rotation. I have updated the docs accordingly. 

[annam]

that's great, thanks for the reply and info! it's actually a lot more intuitive this way I think