ReactIframeResizer и iFrameResizer неправильно вычисляют высоту iFrame - PullRequest
Новая
       16

ReactIframeResizer и iFrameResizer неправильно вычисляют высоту iFrame

0 голосов
/ 16 апреля 2020

Я пытался использовать ReactIframeResizer и iFrameResizer для рендеринга адаптивного iFrame на экран в React. Хотя оба этих пакета успешно отображают iframe, они отображают только высоту iframe по умолчанию (около 150 пикселей) и обрезают остальную часть содержимого iframe.

Моя необходимость и причина для использования пакетов заключается в том, что размер iFrame будет изменяться в зависимости от содержимого, и полоса прокрутки не понадобится. (Я пробовал это решение с contentWindow, но оно не будет работать из-за проблем Cors).

Как я могу успешно использовать эти пакеты, другие пакеты или чистое JavaScript решение для отображения адаптивного iFrame на экране в React?

Мой текущий подход с использованием этих пакетов: 

    <ReactIframeResizer
       src="https://www.ssa.gov/"
       iframeResizerOptions={iframeResizerOptions}
    />

А 

   <IframeResizer
      iframeResizerOptions={iframeResizerOptions}
      src="https://www.ssa.gov/"
   />

const iframeResizerOptions = {
  log: true,
  // autoResize: true,
  checkOrigin: false,
  // resizeFrom: 'parent',
  // heightCalculationMethod: 'max',
  // initCallback: () => { console.log('ready!'); },
  // resizedCallback: () => { console.log('resized!'); },
};
...