jQuery-Ui: Cannot drag object outside of an accordion

Question

I have a draggable object inside of an accordion widget. When dragging it, it\'s constrained its parent, the accordion element. I\'ve tried to use the \'containment\' option

Answer 1

You cannot drag items outside of a jQuery accordion because the overflow mode is set to hidden for the accordions containers.

1) You can try setting the overflow to visible(by an inline style override) but in that case the accordion itself may stop working.

 
Header 1

 
...

 
Header 2

 
...

 
Header 3

 
...