dinâmica textarea altura com css

Ao criar uma textarea para entrada do usuário, é frequentemente desejável expandir ou encolher para acomodar a quantidade de conteúdo. Embora existam soluções envolvendo JavaScript ou PHP, existe um método puramente baseado em CSS?

A solução:

Sim, é possível usar o CSS para alcançar a altura dinâmica do texto. Aqui está como:

1. Defina a altura inicial como auto: para permitir que a textarea cresça ou encolhesse conforme necessário, defina sua altura inicial como "auto":

textarea {
  height: auto;
}

2. use o evento 'onInput': para ajustar a altura da textarea dinamicamente, conecte um manipulador de eventos 'oninput' a ele: [&.height

3. redefinir a altura primeiro: antes de definir a altura com base no conteúdo, primeiro redefini -lo em uma string vazia. Isso garante que a textária possa encolher e expandir. ou php.