JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<iframe width="400" height="400"></iframe>

CSS

iframe {
    /* Comment this out and the issue goes away */
    position: relative;
    top: 100px;
    left: 100px;
}

JavaScript

$( "<div>" )
    .css({
        background: "red",
        height: "100px",
        width: "100px"
    })
    .appendTo( $( "iframe" ).contents().get( 0 ).body )
    .draggable()