Cambiar tamaño del input dinámicamente

[daysil]

Hola amigos, necesito de su ayuda...

Resulta que quiero mostrar en un input una cadena "bastante larga" (podria ser de unos 300 caracteres +-). Me gustaría que el input donde lo debo mostrar crezca dinámicamente según el tamaño de esa cadena. Como puedo lograr eso?
Ah creo q es importante tener en cuenta que lo que debo mostrar es un token por lo que la cadena está compuesta por "una sola palabra" algo así:

eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkI joxOCwidXNlcm5hbWUiOiJraW0iLCJuYW1lIjoiS2ltIiwicm9 ZXMiOlt7InJvbGVfbmFtZSI6IlRlc3QiLCJocmNfYWNjZXNzX3 JpZ2h0cyIa6MTAwLCJocmNfYWxhcm1zX3JpZ2h0cyI6bnVsbCw icm9sZV9pZCI6MjF9LHsicm9sZV9uYW1lIjoiU2FsZXMiLCJoc mNfYWNjZXNzX3JpZ2h0cyI6MTAwLCJocmNfYWxhcm1zX3JpZ2h 0cyI6bnVsbCwicm9sZV9pZCI6MjB9LHsicm9sZV9uYW1lIjoiQ S9WIiwiaHJjX2FjY2Vzc19yaWdodHMiOjEwMCwiaHJjX2FsYXJ tc19yaWdodHMiOm51bGwsInJvbGVfaWQiOjE5fSx7InJvbGVfb mFtZSI6IlN5c3RlbSIsImhyY19hY2Nlc3NfcmlnaHRzIjoxMDA sImhyY19hbGFybXNfcmlnaHRzIjpudWxsLCJyb2xlX2lkIjoxf V0sImlhdCI6MTQ1MjExNzk0MSwiZXhwIjoxNDUyMTM1OTQxfQ. yNnug51fLGdsGdklOcDSApFgCVVI9w9JHU1aVblJUiQ

En el ejemplo puede parecer que hay espacios pero aseguro q no es asi... el token está compuesto por una sola palabra.

Desde ya muchiiiiisimas gracias

[g3kdigital]

Me gustaría ayudarte pero no puedes ser un poco más especifico en cuanto a cual es el problema y porque necesitas solucionarlo de esa manera?

Me refiero a que no especificas a que tipo de input quieres usar, supongo que text, pero no puede ser un textarea? o un div normal? aparte que no entiendo con que cresca dinamicamente, te refieres a que se acomode al contenido como si fuera un "inline-block" o sí quieres que tenga una animación como que vaya creciendo o decreciendo cada vez que cambie el contenido.

Saludos.

[daysil]

Muchas gracias por responder g3kdigital, en tu comentario me diste la idea de probar con un textarea pero ahora me surgen otros problemas, trataré de hacerte la "historia" completa y de ser más específica...

Hasta el momento mi input (type="text") luce exactamente así:


probando con un textarea obtengo esto (que sería lo ideal que quiero lograr):

pero logré ajustar el tamaño con el botón inferior derecho que marco en la imagen y me gustaría hacerlo con código y no que el usuario pueda modificar el tamaño, porque resulta que el usuario puede hacer con ese botón mucho más modificaciones como esta:

la cual quisiera evitar. Alguna sugerencia?

Gracias...

[g3kdigital]

Imágenes caídas, no las puedo ver :( Puedes hacer un demo en codepen?

Como este que hice: http://codepen.io/g3kdigital/pen/NxpEoZ