Изменение размера iframe для соответствия контенту обрезает контент

Question

Я хотел бы написать функцию, которая изменяет размер фрейма в соответствии с его содержимым.

У меня есть это в обработчике события загрузки iframe, где doc - это элемент iframe, полученный с помощью querySelector:

doc.height = doc.contentDocument.body.offsetHeight + 'px';

Я искал stackoverflow, где я нашел этот код.

var doc = document.querySelector('#doc');
doc.onload = function(){
  doc.height = doc.contentWindow.document.body.offsetHeight + 'px';
};

Я ожидал, что размер iframe изменится на его содержимое, поэтому они отображаются полностью, но вместо этого все, что ниже 2 дюймов, обрезается.