Я пытался использовать 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!'); },
};