Esta questão já tem uma resposta aqui:

Em uma das minhas páginas, tenho uma tag html de área de texto para os usuários escreverem uma carta. Desejo que o conteúdo abaixo da área de texto seja alterado, ou seja, quero redimensionar a área de texto verticalmente com cada linha adicionada para a área de texto e ter o conteúdo abaixo simplesmente posicionado em relação à parte inferior da área de texto.

O que eu espero é que o javascript / jquery tenha uma maneira de detectar quando as palavras são quebradas, ou quando uma nova linha é adicionada e, com base nisso, redimensionar o contêiner da área de texto.

Meu objetivo é fazer com que o conteúdo abaixo da área de texto permaneça na mesma distância da parte inferior do texto, independentemente do quanto um usuário escreve.

A área de texto cria uma barra de rolagem quando o texto estourar.