Responsive Test - Match iframe height to height of page contents

match-iframe-height.js

const setFrameHeight = (frameElement, index) => {
  frameElement.style.height = 'unset';

  const iframeElement = document.querySelectorAll('iframe')[index];
  const targetHeight = `${ iframeElement.contentWindow.document.body.scrollHeight }px`;
  
  iframeElement.style.height = targetHeight;
}

document.querySelectorAll('.frame').forEach((frameElement, index) => setFrameHeight(frameElement, index));