Textarea autoexpand

js-textarea-expand.js

//autoexpand textarea when initial has input already
$(editBlock).find('textarea').each(function() {
	var $this = $(this);
	
	textCount = $this.val().length;
	
	if(textCount  > 25) {
		rowBreaks = textCount / 25;
		rowBreaks = Math.ceil(rowBreaks);
		textareaName = $this.attr('name');
	
		$(editBlock).find('textarea[name=' + textareaName + ']').attr({'rows': rowBreaks, 'data-min-rows': rowBreaks});	
	}
});

//autoexpand textarea: modified from original source: http://codepen.io/vsync/pen/frudD
$('.mockup-survey-builder')
	.on('focus.textarea', '.auto-expand', function(){
		var savedValue = this.value;
		this.value = '';
		this.baseScrollHeight = this.scrollHeight;
		this.value = savedValue;
	})
	.on('input.textarea', '.auto-expand', function(){
		var minRows = this.getAttribute('data-min-rows')|0,
			 rows;
		this.rows = minRows;
		rows = Math.ceil((this.scrollHeight - this.baseScrollHeight) / 30);
		this.rows = minRows + rows;
		this.rows = (this.rows > 0) ? this.rows : 1;

		console.log(this.rows);

});