JSFiddle - React, Tailwind, and code Playground

by sris

HTML

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden" id="text"></textarea>
<input type="button" onClick="click1()">

CSS

textarea{ 
  width: 20%; 
  min-width:20%; 
  max-width:20%; 
  overflow: hidden;
  height:10%; 
  min-height:10%;  
  max-height:10%;
  resize: none;
  white-space:pre;
}

JavaScript

function textAreaAdjust(o) {
    o.style.height = "1px";
    o.style.height = (25+o.scrollHeight)+"px";
    $("#text").focus();
}
function click1()
{

	document.getElementById('text').value="Stack Overflow is a privately held website, the flagship site of the Stack Exchange Network,[5][6] created in 2008 by Jeff Atwood and Joel Spolsky,[7][8] as a more open alternative to earlier Q&A sites such as Experts Exchange. The name for the website was chosen by voting in April 2008 by readers of Coding Horror, Atwood's popular programming blog.[9]";
	textAreaAdjust(document.getElementById('text'));
	$("#text").focus();
}