JSFiddle - React, Tailwind, and code Playground
by Mark Coleman
HTML
<script src="http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.min.js"></script>
<textarea></textarea>
<div>
</div>
JavaScript
$('textarea').autoResize({
// On resize:
onResize: function() {
$(this).css({
opacity: 0.8
});
},
// After resize:
animateCallback: function() {
$(this).css({
opacity: 1
});
},
// Quite slow animation:
animateDuration: 300,
// More extra space:
extraSpace: 40
});
$('textarea').bind('paste', function() {
var $textarea = $(this);
setTimeout(function() {
$textarea.trigger("change.dynSiz");
}, 250);
});