Прокрутка для текстовой области только для чтения, не работающей в форме

Question

У меня есть форма, где пользователи могут вводить свои данные.После отправки формы она становится доступной только для чтения.Данные, которые вводятся в поле ниже, необходимо прокручивать.Но прокрутка не включена.

Пожалуйста, помогите мне выяснить, почему данные в указанной выше текстовой области не прокручиваются.

<div class="form-group">
    <div class="col-sm-3 control-label col-lg-3">Additional information <sup>*</sup></div>
    <div class="col-lg-6" style="overflow:auto;">
            <textarea style="overflow:auto;" class="form-control" name="additional-info" placeholder="Enter Additonal info">{{data}}</textarea>
    </div>
</div>

Answer 1

Вместо прокрутки я сделал видимой всю текстовую область, используя приведенный ниже код.

$('textarea').each(function() {
        $(this).height($(this).prop('scrollHeight'));
    });