Высота песочницы в iframe зависит от его содержимого.

Question

У меня есть песочница iframe, которая выглядит как:

<iframe sandbox="allow-same-origin"></iframe>

Содержимое iframe устанавливается позже, примерно так:

const iframe_document = iframe_el.contentWindow.document;
iframe_document.open();
iframe_document.write(iframe_html);
iframe_document.close();

Это работает нормально, но теперь я хочу, чтобы iframe увеличивался в высоте в зависимости от его содержимого. Контент не контролируется мной и может варьироваться от очень маленьких до очень больших фрагментов HTML.

iframe должен быть помещен в «песочницу», и allow-scripts не является опцией.

Есть ли варианты для меня в этих условиях?

Answer 1

Использовать CSS Сделать что-то вроде

iframe
{
  height : auto;
  width: auto;
}