JSFiddle - React, Tailwind, and code Playground

HTML

<div id="draggable">
    new div
</div>
<iframe id="frame" src="/4chKH/6/show/" ></iframe>

CSS

iframe
{
    height:500px
}

JavaScript

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

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