Iframe сохраняет прокрутку внутри тела ⇐ CSS

[Anonymous]

У меня есть Iframe внутри модального окна. Я не могу установить фиксированную высоту для Iframe, потому что разные страницы внутри него имеют разную высоту. Если я установлю высоту на 100%, мой iframe будет иметь высоту 150 пикселей, и у меня будет прокрутка.
Как установить высоту, чтобы не было прокрутки и прокрутка обрабатывалась NextUI модальный с помощью ScrollBehaviour:outside?
Компонент Iframe:
const IframeComponent = () => {
return
}

export default IframeComponent

Модальный компонент:
import { Modal, ModalBody, ModalContent, ModalProps, useDisclosure } from "@nextui-org/react"
import Image from "next/image"
import { useEffect, useState } from "react"
import IframeComponent from "./Iframe"

const IframeWrapper = () => {
const { isOpen, onOpen, onClose, onOpenChange } = useDisclosure()
const [scrollBehavior, _setScrollBehavior] = useState("outside")

// Open the modal on load.
// Does the modal need to open on each load?
useEffect(() => {
onOpen()
}, [onOpen])

return (














)
}
export default IframeWrapper


Подробнее здесь: https://stackoverflow.com/questions/785 ... nside-body