How to Make Textarea Auto Resize using Javascript?

How to Make Textarea Auto Resize using Javascript?

Make Textarea Auto Resize using Javascript.

<!DOCTYPE html>

<html>

<head>

<title>Textarea Auto Height</title>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

</head>

<body>

<h1>Textarea Auto Height</h1>

<textarea id="resize" style="width: 360px;"></textarea>

<script type="text/javascript">

$('#resize').on('input', function () {

this.style.height = 'auto';

this.style.height = (this.scrollHeight) + 'px';

});

</script>

</body>

</html>

Comments