JSFiddle - React, Tailwind, and code Playground
HTML
<div class="bigbox">
<input type="text" class="bigboxinner" value="Some Text"/>
</div>
CSS
.bigbox{
height:400px;
line-height:400px;
padding:0 5px;
font-size:16px;
border:1px solid #CCC;
display:inline-block;
cursor:text;
}
.bigboxinner{
border:none;
vertical-align:top;
outline:none;
}
JavaScript
$(function(){
$('.bigbox').on('click', function(){
var inner = $(this).find('input.bigboxinner');
var tempval = inner.val();
inner.val('').focus().val(tempval);
});
});