TextArea com tamanho varíavel

TOTVS Fluig Páginas (WCM)
, ,
1

Boa tarde,

Tenho um textarea em um pai e Filho que recebe um texto durante a carga de um formulário. Existe a possibilidade de ele ser responsivo para que se adapte ao tamanho do texto?

2

Segue a funcionalidade que eu utilizo


//textarea auto dimencionavel
$("textarea").on('keyup input keypress keydown change', function(e) {
    var tamanhoMin =  $(this).attr('rows') * $(this).css('line-height').replace(/[^0-9\.]+/g, '');
    $(this).css({'height': 'auto'});
    var novoTamanho = this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"));
    if (tamanhoMin > novoTamanho) novoTamanho = tamanhoMin;
    $(this).css({'height': novoTamanho});
}).css({
    'overflow':'hidden', 
    'resize':'none'
}).delay(0).show(0, function() {
    var el = $(this);
    setTimeout(function () {
        el.trigger('keyup');
    }, 100);        
});
3

Funcionou corretamente

4

Obrigado Roberto, também estou começando a usar sua função… compartilha com a gente se teve alguma melhoria, por gentileza.