интеграция iframe-resizer-react и retool
мой первый пост о stackoverflow (так что не беспокойтесь :-))
Я пытаюсь добавить iframe со страницы Retool на страницу приложения React. Я установил пакеты iframe-resizer и iframe-resizer-react и выполнил инструкции по добавлению файла ... min.js на сайт iframe, и я сделал это с помощью настроек глобальных функций ReTool javascript для приложения Retool. Используя консоль, я вижу, что между хост-сайтом и страницей iframe и файлом min.js существует связь. Я также могу добавить такие параметры, как прокрутка, так что, на мой взгляд, это работает. Однако единственный способ изменить высоту окна iframe - это добавить CSS, используя vh для указания высоты. Это код для хост-сайта с установленным vh.
<IframeResizer
log
heightCalculationMethod='lowestElement'
scrolling='yes'
src="https://avaunt.retool.com/embedded/public/b1c4b4d5-2284-4a0c-8f5c-0731ea9d2999" frameborder="0"
style={{ height: '200vh', width: '1px', minWidth: '100%' }}
/>
Еще одна проблема, с которой я столкнулся, заключается в том, что если я установил vh на цифру, превышающую высоту окна, я не смогу прокрутить страницу вниз, когда мышь сфокусирована на окне iframe. Мне нужно поместить мышь за пределы кадра, чтобы прокрутить.
Это промежуточная сборка сайта https://radix-dashboard.vercel.app/admin/dashboard
Любые советы или рекомендации, очень признательны.