Динамический размер текстового поля с использованием Django, HTML, CSS, Jquery

Я пытаюсь настроить поле формы Django с динамическим расширением текстового поля при переполнении. Для этого я использую jquery

<script>
    autosize($('#title'));
</script>

Но проблема, с которой я столкнулся, заключается в том, что я жестко закодировал атрибут размера строки в моей форме django, поэтому при переполнении она создает прокручиваемое текстовое поле. Однако, когда я удаляю этот атрибут, поле формы занимает гораздо большую высоту, чем предполагалось. Как я могу по умолчанию разрешить ему один ряд, но автоматически расширяться при переполнении?

Спасибо.

релевантный css

<style>
    #title {
        font-size: 50px !important;
        color: rgb(120,120,120)  !important;
        width: 100% !important;
    }
</style>

Вернуться на верх