Отключить TextArea Горизонтальная прокрутка JQuery

Question

Я работаю в дочерней строке. Я создал текстовое поле с помощью команды TEXTAREA в JQuery (показано ниже):

<td style="width: 370px;"> 
    <textarea rows = "5" style="width: 300px;"></textarea> 

Вот проблема: Я не могу понять, как отключить горизонтальную прокрутку и сделать его падение вниз к следующей строке, когда Я добираюсь до конца текстового поля. Итак, как отключить горизонтальную прокрутку? Я хочу, чтобы вертикальная прокрутка была включена, чтобы текстовая область не увеличивалась, потому что она не может изменить размер.

Благодарим за помощь.

Answer 1

Вы можете использовать этот простой код

$("textarea").on("keydown keyup", function(){ 
 
    if(this.scrollHeight > $(this).outerHeight()) 
 
     $(this).height(this.scrollHeight); 
 
});

textarea { 
 
    resize: vertical; 
 
    overflow: hidden; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
 
<textarea></textarea>