<p>I have three unordered lists that have been created as Scriptaculous Sortables so that the user can drag items within the lists and also between them:</p>

<pre><code>var lists = ["pageitems","rowitems","columnitems"];    
Sortable.create("pageitems", { dropOnEmpty: true, containment: lists, constraint: false });
    Sortable.create("rowitems", { dropOnEmpty: true, containment: lists, constraint: false });
    Sortable.create("columnitems", { dropOnEmpty: true, containment: lists, constraint: false });
</code></pre>

<p>How can I make it so that if the user drags all the items out of a list, they're able to put them back again? At the moment it won't allow items to be dragged onto an empty list.</p>

[{'answer_id': 82201, 'author': 'mercutio', 'author_id': 1951, 'author_profile': 'https://Stackoverflow.com/users/1951', 'pm_score': 3, 'selected': True, 'text': "<p>Maybe the empty list has no height, and therefore no droppable area available. If that's the case, perhaps you just need to set a minimum height, or some padding on the block.</p>\n"}, {'answer_id': 124415, 'author': 'Ross Morrissey', 'author_id': 6997, 'author_profile': 'https://Stackoverflow.com/users/6997', 'pm_score': -1, 'selected': False, 'text': '<p>Make sure your target list is styled float:left</p>\n\n<p>I had a similar experience today.</p>\n'}, {'answer_id': 2189260, 'author': 'Colby', 'author_id': 264910, 'author_profile': 'https://Stackoverflow.com/users/264910', 'pm_score': 1, 'selected': False, 'text': '<p>add dropOnEmpty:true to the options parameters.</p>\n'}]
['https://Stackoverflow.com/questions/81512', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/-1/']