Eu estou tentando implementar jQuery Draggable | Droppable | Classificável entre um quadro pai e filho. Eu tenho um protótipo, mas há algum comportamento estranho acontecendo

win = document.getElementById('frame').contentWindow;

element = win.document.getElementById('sortable');
$(element).sortable();
console.log(element);
$( "#draggable" ).draggable({
      connectToSortable: $(element),
     iframefix: true,
    helper: function() {return $("<div/>").css('background-color','red');}
});

A página do iframe também contém

$("#sortable").sortable();

Aqui está o jsfiddlehttp://jsfiddle.net/vxAzs/5/

Ele funciona bem quando tento soltar o elemento no iframe, mas quando tento classificar os elementos no iframe, o elemento adere ao evento click das duas páginas que eu acho (para que ele não seja descartado até que eu clique em ambos os pais e iframes). Eu acho que é algo a ver com a chamada .sortable () em ambos, pai e iframe, mas se eu remover, o droppable pára de funcionar.