Как подогнать размр textarea под контент?

Question

[YakutD]

Здравствуйте, помогите пожалуйста разобраться со следующей проблемой.
Есть код, который формирует текст для автозаполнения textarea, собственно, высоту textarea и заполнение "строками" как в тетради в линию.

var stringMassage = "Здравствуйте, интересует офис с характеристиками: " +
            "площадь от " + selectedSquare1 + " до " +  selectedSquare2 + " кв. м, " +
            "цена до " + selectedPrice + " руб. в месяц, " +
            "район " + selectedArea +
            classHome +
            selectedLayout + "."+
            getAddOptions;


        (function() {
            var n = Math.ceil(stringMassage.length / 50 );
            if ($('#question-form-message').width() < 320 ) {
                n = Math.ceil(stringMassage.length / 30 );
            }
            var style = [];
            var height = 30* n + 'px';
            for (var i = 1; i <= n; i++) {
                style.push('url(../assets/img/form-line.png) left '+30*i + 'px no-repeat');
            }
            style = style.join(', ')
            $('#question-form-message').css('height',height);
            $('#question-form-message').css('background', style );
            $('#question-form-message').css('background-repeat','repeat-x');
        }());

Должно получиться как то так:

Вот сайт - rent-ofis.ru , модальное окно Оставить заявку, шаг 2.
По итогу, никак не могу понять как сделать так, чтоб textarea полностью принимала размер по контенту, и чтоб под каждым предложением соответственно была линия(как на изображении). Полагаю проблема в самом подходе.

Answer 1

[ⓒⓢⓢ]

что-нибудь такое
https://codepen.io/anon/pen/NJQpGb

Comments

[YakutD]

Спасибо!