Draggable items stuck inside a DockLayoutPanel

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Create a DockLayoutPanel. Put a DragAndDropCellTable in one of the panels 
<g:center> in my case
2. The drag widget is stuck within that panel
3.

What is the expected output? What do you see instead?

Just need to drag the widget anywhere on the page 

What version of the product are you using? On what operating system?

gquery-dnd-bundle-1.0.5.jar, GWT, OSX Lion, tested in Firefox and Chrome

Please provide any additional information below.

Original issue reported on code.google.com by t...@snellfamily.com on 23 Dec 2011 at 1:36

[GoogleCodeExporter]

Figured out the issue. DockLayoutPanel makes ample use of overflow: hidden in 
it's CSS. I just had to override starting with the widget I placed in the panel 
like so:

        Element parentElement = scrollPanel.getElement().getParentElement();

        parentElement.getStyle().setOverflow( Style.Overflow.VISIBLE );

        parentElement = parentElement.getParentElement().getParentElement();

        parentElement.getStyle().setOverflow( Style.Overflow.VISIBLE );

Original comment by t...@snellfamily.com on 23 Dec 2011 at 4:16

[GoogleCodeExporter]

Or maybe use helper and appendTo options :

dragOptions.setHelper(HelperType.CLONE);
dragOptions.setAppendTo("body");

By appending the drag helper to the body, you avoid the problem of the 
overflow:hidden of the parent container,

Original comment by julien.d...@gmail.com on 23 Dec 2011 at 7:34

[GoogleCodeExporter]

We had similar problem with TabLayoutPanel, using appendTo fixed that too. 
Thanks :-)

Original comment by partha.g...@gmail.com on 13 Mar 2012 at 12:04

[GoogleCodeExporter]

Original comment by julien.d...@gmail.com on 17 Mar 2012 at 6:30

• Changed state: WontFix