Почему 100vh внутри iframe не равен высоте окна, а равен высоте iframe?

Приветствую друзья, в общем у меня модальное окно с размерами height: 100vh и width: 100vw
блок внутри модального окна централизую с помощью flexbox:

...
justify-content: center;
align-items: center;
...

все работает отлично, но, когда проект подключен через iframe с заданными высотой и шириной (например высота 5000px) то модальное окно расстягивается на все 5000px..., вместо изначально расчитанных 1080px (в зависимости от экрана), как можно это победить?