Sortables in Between Multiple Dialogs Connection/Floating Issues

Sortables in Between Multiple Dialogs Connection/Floating Issues


I've been having this issue connecting two jQueryUI sortable lists in between two dialogs. The issue comes down to floating. If you move the sortable around it's own dialog, it works perfectly. If you try to move it to the other dialog, it will fail to register as the element that "accepts" the sortable has no height, because all of it's elements are floated.

What I've tried:

Tried using display:inline-block instead of float. This does work, but makes drag/drop movement really glitchy/sporadic and does weird things to the layout.

Tried using all the different clearfix/float methods (to force a container size). These work as well but drag/drop movement is again glitchy/sporadic.

Tried setting a specific container height with same effect of as clearfix methods.

Tried a million different combinations of the sortable options.

I'm open to suggestions and possible alternative solutions to emulate this effect/functionality. Thanks!