Dynamic TextAREA altura con css

Al crear un textAREA para la entrada del usuario, a menudo es deseable que se expanda o se reduzca para acomodar la cantidad de contenido. Si bien existen soluciones que involucran a JavaScript o PHP, ¿hay un método puramente basado en CSS?

la solución:

Sí, es posible usar CSS para lograr la altura de textura dinámica. Aquí está cómo:

1. Establece la altura inicial en automáticamente: para permitir que el Textea crezca o se encoge según sea necesario, establezca su altura inicial en "Auto":

textarea {
  height: auto;
}

2. use el evento 'oninput': para ajustar la altura de la textura dinámicamente, adjunte un controlador de eventos 'oninput' a él:

3. restablecer la altura primero: Antes de configurar la altura en función del contenido, primero reinicie a una cadena vacía. Esto garantiza que TextARea pueda encogerse así como expandirse.
4. Calcule la altura verdadera: Determine la altura verdadera de la textura en función de su contenido desplazado y agregarlo como píxeles a la propiedad 'altura'. Javascript o php.