<h1>Textarea auto resizing</h1>

<textarea placeholder="Type here..."></textarea>
textarea {
  resize: none;
  overflow-y: hidden;
}
let textArea = document.getElementByTagName("textarea");

textArea.addEventListener("input", () => {
  textArea.style.height = "auto"
  textArea.style.height = textArea.scrollHeight + "px"
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.