Drag Jquery draggable out of it's parent jquery dialog -

I have a jquery dialog that is full of dragable objects. Droppable is out of target dialogue.

When I start a drag, the droppable responds properly (the visual signal is that it is a droppable goal) and triggers the correct events after a drop so I drop correctly.

The problem is that the dragged object only appears inside the dialog, and does not "jump".

I already have draggables which drag from one scroll to another without problems, but the dialog that is being communicated on the page from a dialog does not work. The drag is going to scroll the dialog content in whatever direction.

My draggable logic is as follows:

  var draggableArguments = {back: 'invalid', helper: 'clone', prevention: 'dome', jadex: 99 9 , Adlaces: false} objects. Dragable (draggable arrogance);  

Any suggestion that my draggable objects can exceed the dialog boundaries?

Thank you

Fixed, it was actually very simple.

I need to use the appendo option on dragable, so that the assistant has been added to the element where I want to drag it (like #pages, a divis that my Page included). This removes it from the dialog (which contains the "Overflow: Auto" property, which adds the scrollbar to the canvas extension so that the drag element is always inside) and added it to the # page element.

The only problem was a very high zIndex in my dialogue, so I just extended the zIndex option to be high.

var draggableArguments = {back: 'invalid', helper: 'clone', attachment: '# page', prevention: 'dome', jadex: 1500, adlaces: false} objects. Dragable (draggable arrogance);