Dragging an item outside of a carousel

[chris_np]

I have an item inside a carousel that I have made draggable, but I can't drag it outside of the carousel into the rest of the app.

I have set the constraints to:

min: { x: -Infinity, y: -Infinity },
max: { x: Infinity, y: Infinity }

but that doesn't allow it to be dragged outside of the carousel.

I have created a SenchaFiddle which demonstrates this, here: http://www.senchafiddle.com/#bn7wJ

The yellow box, outside of the carousel, can be dragged anywhere in the application without any problems. But the blue box, inside the carousel, cannot be dragged outside of the carousel.

How can I drag the blue box outside of the carousel?

[chris_np]

I've updated this SenchaFiddle to show that the same issue occurs when the draggable container is inside a scrolling panel - it cannot be dragged outside the container:

http://www.senchafiddle.com/#bn7wJ#6qtMR