kobitoDevelopment · November 11, 2025 12:07
diff --git a/css b/css
 .auto-resize {
  max-width: 640px;
  width: 100%;
  max-height: 320px;
  resize: none;
  overflow-y: auto;
 }
diff --git a/html b/html
 <textarea class="auto-resize"></textarea>
diff --git a/js b/js
 document.addEventListener('DOMContentLoaded', () => {
  const textarea = document.querySelector('.auto-resize');
  
  function adjustHeight() {
    textarea.style.height = 'auto';
    textarea.style.height = textarea.scrollHeight + 'px';
  }
  
  textarea.addEventListener('input', adjustHeight);
  window.addEventListener('resize', adjustHeight);
  adjustHeight();
 });
	document.addEventListener('DOMContentLoaded', () => {
	const textarea = document.querySelector('.auto-resize');

	function adjustHeight() {
	textarea.style.height = 'auto';
	textarea.style.height = textarea.scrollHeight + 'px';
	}

	textarea.addEventListener('input', adjustHeight);
	window.addEventListener('resize', adjustHeight);
	adjustHeight();
	});
No results found