Merge pull request selectize#1199 from marcotisi/master

Improve measureString performance

Author: brianreavis

src/selectize.js

@@ -2075,6 +2075,11 @@ $.extend(Selectize.prototype, {
 		self.$control_input.removeData('grow');
 		self.$input.removeData('selectize');
 
+		if (--Selectize.count == 0 && Selectize.$testInput) {
+			Selectize.$testInput.remove();
+			Selectize.$testInput = undefined;
+		}
+
 		$(window).off(eventNS);
 		$(document).off(eventNS);
 		$(document.body).off(eventNS);

src/utils.js

@@ -235,27 +235,28 @@ var measureString = function(str, $parent) {
 		return 0;
 	}
 
-	var $test = $('<test>').css({
-		position: 'absolute',
-		top: -99999,
-		left: -99999,
-		width: 'auto',
-		padding: 0,
-		whiteSpace: 'pre'
-	}).text(str).appendTo('body');
-
-	transferStyles($parent, $test, [
+	if (!Selectize.$testInput) {
+		Selectize.$testInput = $('<span />').css({
+			position: 'absolute',
+			top: -99999,
+			left: -99999,
+			width: 'auto',
+			padding: 0,
+			whiteSpace: 'pre'
+		}).appendTo('body');
+	}
+
+	Selectize.$testInput.text(str);
+
+	transferStyles($parent, Selectize.$testInput, [
 		'letterSpacing',
 		'fontSize',
 		'fontFamily',
 		'fontWeight',
 		'textTransform'
 	]);
 
-	var width = $test.width();
-	$test.remove();
-
-	return width;
+	return Selectize.$testInput.width();
 };
 
 /**