textarea-autogrow
Version:
A pure Javascript solution for auto-grow / expand a textarea element by its content.
30 lines (29 loc) • 695 B
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Textarea Autogrow</title>
<script type="text/javascript" src="textarea-autogrow.js"></script>
<script type="text/javascript">
document.onreadystatechange = function(){
if(document.readyState == "complete"){
var maxLines = 3,
textarea = document.getElementById('myTextarea');
var autoGrowTextarea = new Autogrow(textarea, maxLines);
}
}
</script>
<style type="text/css">
#myTextarea {
resize: none;
box-sizing: content-box;
}
</style>
</head>
<body>
<div style="text-align:center;">
<h1>Textarea-Autogrow</h1>
<textarea id="myTextarea" rows="1"></textarea>
</div>
</body>
</html>