Встречается на собеседованиях • сегодня

Затронет ли высоту iframe изменение высоты текстового поля

Изменение высоты текстового поля внутри iframe не повлияет на высоту самого iframe автоматически. Iframe — это отдельный документ, и его размеры управляются родительской страницей.

Чтобы синхронизировать высоту iframe с содержимым, нужно:

  1. Измерять высоту содержимого внутри iframe (например, document.body.scrollHeight).
  2. Передавать её родителю через postMessage.
  3. В родительской странице менять height iframe через JS.

Пример:

javascript
// Внутри iframe:
window.addEventListener('resize', () => {
  const height = document.body.scrollHeight;
  window.parent.postMessage({ type: 'iframeResize', height }, '*');
});

// В родительской странице:
window.addEventListener('message', (e) => {
  if (e.data.type === 'iframeResize') {
    document.querySelector('iframe').style.height = `${e.data.height}px`;
  }
});

Без этого iframe сохранит заданную высоту или будет масштабироваться по атрибутам width/height.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы