🎉 iframe, который сам подстраивается под содержимое

Обычно у фиксированный размер. Встроенная форма или виджет комментариев выросли, и появляется полоса прокрутки.

В Chrome 154 фрейм умеет брать размер из встроенного документа. Нужно согласие обеих сторон. Внешняя страница задаёт фрейму свойство frame-sizing:

/* In styles.css for index.html */
iframe {
frame-sizing: content-height;
width: 100%;
}

А документ внутри фрейма кладёт в head мета-тег responsive-embedded-sizing. Его параметр allow-origins ограничивает, каким сайтам можно сообщать размер.

Размер передаётся после загрузки. Если содержимое изменилось, документ вызывает window.requestResize().

Пока это есть только в Chrome 154, в Firefox и Safari поддержки нет.

В статье есть демо: многошаговая форма во фрейме, которая меняет размер на каждом шаге без единой полосы прокрутки.

👉 @seniorFront