handle the iframe height via postMessage

configurator-frame.js

define([
    'jquery',
], function ($) {

// modified from same-domain version at www.dyn-web.com/tutorials/iframes/height/
    function setIframeHeightCO(id, ht) {
        var ifrm = document.getElementById(id);
        // some IE versions need a bit added or scrollbar appears
        ifrm.style.height = ht + 4 + "px";
    }


// iframed document sends its height using postMessage
    function handleDocHeightMsg(e) {
        // check origin
        if ( e.origin === 'originName' ) {
            // parse data
            var data = JSON.parse( e.data );
            // check data object
            if ( data['docHeight'] ) {
                setIframeHeightCO( 'configuratorFrame', data['docHeight'] );
            }
        }
    }

// assign message handler
    if ( window.addEventListener ) {
        window.addEventListener('message', handleDocHeightMsg, false);
    } else if ( window.attachEvent ) { // ie8
        window.attachEvent('onmessage', handleDocHeightMsg);
    }

})