JSFiddle - React, Tailwind, and code Playground

by ainop

HTML

<iframe id="fluid_frame" src="https://fiddle.jshell.net/ainop/epot7ztx/show/light/" width="100%" height="300"></iframe>

JavaScript

var frame = document.getElementById('fluid_frame');

window.addEventListener('message', function (e) {
	if (e.data.type === 'height') {
    	frame.height = e.data.value;
    }
}, false);

window.addEventListener('resize', function () {
	frame.contentWindow.postMessage({ type: 'getHeight' }, '*');
});