JSFiddle: https://jsfiddle.net/dy556efs/2/
The elements on the left side should be cloned when dropped over to the right side. Currently, they are completely moved over - and can't get the clone helper to work properly.
Could you point me in the right direction?
$(".social-msl-link-label").draggable({
connectToSortable: ".social-msl-group-list",
revert: "invalid",
helper: "clone"
});
$(".social-msl-links-order li").droppable({
accept : ".social-msl-link-label",
tolerance: 'pointer',
greedy : true,
hoverClass: 'highlight',
drop: function(ev, ui) {
$(ui.draggable).detach().css({position : 'relative', top: 'auto',left: 'auto'}).appendTo(this);
}
});