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!
I'm having a weird issue with an implementation I am working on using a combination of dialog, draggable and resizable. When you resize any of the dialogs, .box2 and .box3 will shift to a higher top value. You can see that this top value is being set in the ui-dialog div itself, but only executing after a resize has occurred. I can't figure out why this value is even being set to begin with.