Buon giorno a tutti!

Sto realizzando una textarea in stile Facebook, cioè una textarea che si adatta automaticamente al contenuto che l'utente inserisce in essa ingrandendosi (in altezza) e rimpicciolendosi automaticamente.

La textarea in questione ha un valore di base width:417px e preve due righe (rows). Il font-size in esso contenuta ha un valore pari a 11px.

Proprio in questi minuti sto facendo diverse prove inserendo diversi caratteri e simboli e noto che inserendo ad esempio:

- il carattere ', le due righe conterranno 416 caratteri ', prima di passare alla 3°.
- il carattere o, le due righe conterranno 138 caratteri o, prima di passare alla 3°.
- il carattere O, le due righe conterranno 104 caratteri O, prima di passare alla 3°.


Insomma, come potrete notare c'è differenza tra l'inserimento di un carattere, simbolo ed un altro, ecc.


Allora mi (vi) domando: secondo voi, quale metodo potrei adottare per sapere quando l'utente passa alla terza riga, e quindi fargliela espandere automaticamente?


Grazie.