Iframe set height to content

by JakobJingleheimer

HTML

<iframe id="shiny-place" src="https://fiddle.jshell.net/jshado1/cgujjjzk/show/light/" />

<iframe name="foo" />

CSS

iframe {
  width: 100%;
}

Babel + JSX

const shinyPlaceFrame = document.getElementById('shiny-place');
const recieveMessage = (event) => {
	event.source.frameElement.height = event.data.height;
};

shinyPlaceFrame.contentWindow.addEventListener('message', recieveMessage);