I'm rigging up a UI with a series of boxes, inside each lives a list of items. The items can be sorted, and also dragged to a list in any of the other boxes. So far so good, Sortable makes that very easy, I was most impressed 

Where I'm stuck is with a slight behaviour tweak I'd like. The lists don't take up the full size of the boxes (the box consists of a header, the list, and the footer). I would like it so that if you drag an item anywhere on another box, the item will be added to the list that's in the box. Basically, it's a bigger drop target, so it'll be easier to drop stuff.

I've tried using the 'items' option, and it nearly does what I want. I've told Sortable to work on the boxes, with items being the items in the lists rather than > * which is the default. The problem is, when you drop the items on another box, they get shunted into the DOM where the boxes live (so you get [box, box, item, box] for example), rather than into the box's list.

Is there a way I could tell Sortable to put the items in the list instead? Or is it something that would have to be developed?

Thanks in advance for any suggestions!