JSFiddle - React, Tailwind, and code Playground

by vforvector

HTML

<body onload='parent.resizeIframe(document.body.scrollHeight)' style="background: red; margin: 0;">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<iframe name="sample" src="http://design.circussocial.com/testing/first.html" width="100%"  frameborder="0" id="sample" /> 
</body>

JavaScript

function resizeIframe(newHeight)
{
    document.getElementById('sample').style.height = parseInt(newHeight) + 'px';
}