Version 1.0.0-RC2

styles/all/template/javascript/jquery.auto-grow-input.js

@@ -0,0 +1,47 @@
+/*
+	jQuery autoGrowInput v1.0.3
+	Copyright (c) 2014 Simon Steinberger / Pixabay
+	Based on stackoverflow.com/questions/931207 (James Padolsey)
+	GitHub: https://github.com/Pixabay/jQuery-autoGrowInput
+	License: http://www.opensource.org/licenses/mit-license.php
+*/
+
+(function($){
+	var event = 'oninput' in document.createElement('input') ? 'input' : 'keydown';
+
+	$.fn.autoGrowInput = function(options){
+		var o = $.extend({ maxWidth: 500, minWidth: 20, comfortZone: 0 }, options);
+
+		this.each(function(){
+			var input = $(this),
+				val = ' ',
+				comfortZone = (options && 'comfortZone' in options) ? o.comfortZone : parseInt(input.css('fontSize')),
+				span = $('<span/>').css({
+					position: 'absolute',
+					top: -9999,
+					left: -9999,
+					width: 'auto',
+					fontSize: input.css('fontSize'),
+					fontFamily: input.css('fontFamily'),
+					fontWeight: input.css('fontWeight'),
+					letterSpacing: input.css('letterSpacing'),
+					textTransform: input.css('textTransform'),
+					whiteSpace: 'nowrap',
+					ariaHidden: true
+				}).appendTo('body'),
+				check = function(e){
+					if (val === (val = input.val()) && e.type !== 'autogrow') return;
+					if (!val) val = input.attr('placeholder') || '';
+					span.html(val.replace(/&/g, '&amp;').replace(/\s/g, '&nbsp;').replace(/</g, '&lt;').replace(/>/g, '&gt;'));
+					var newWidth = span.width() + comfortZone, mw = typeof(o.maxWidth) == "function" ? o.maxWidth() : o.maxWidth;
+					if (newWidth > mw) newWidth = mw;
+					else if (newWidth < o.minWidth) newWidth = o.minWidth;
+					if (newWidth != input.width()) input.width(newWidth);
+				};
+			input.on(event+'.autogrow autogrow', check);
+			// init on page load
+			check();
+		});
+		return this;
+	}
+}(jQuery));