Fix issue in Selectize.js processwire/processwire-issues#520 where Selectize.js had bottleneck in measureString() function that caused a slowdown because of DOM manipulation (was noticed when Selectize paired with Uikit 3)

wire/modules/Jquery/JqueryUI/selectize/js/standalone/selectize.js

@@ -994,10 +994,15 @@
 		$to.css(styles);
 	};
 
+	// since measureString seems to get called multiple times for each event, keep a cache (added by ProcessWire)
+	var measureStringData = { str: '', width: 0 };
+	
 	/**
 	 * Measures the width of a string within a
 	 * parent element (in pixels).
 	 * 
+	 * (updated by ProcessWire to avoid bottleneck of adding & deleting element from DOM on every call)
+	 *
 	 * @param {string} str
 	 * @param {object} $parent
 	 * @returns {int}
@@ -1007,14 +1012,18 @@
 			return 0;
 		}
 	
-		var $test = $('<test>').css({
+		var $test = $('#selectize-measureString'); 
+	
+		if(!$test.length) {
+			
+			$test = $('<test>').attr('id', 'selectize-measureString').css({
 				position: 'absolute',
 				top: -99999,
 				left: -99999,
 				width: 'auto',
 				padding: 0,
 				whiteSpace: 'pre'
-		}).text(str).appendTo('body');
+			}).appendTo('body');
 			
 			transferStyles($parent, $test, [
 				'letterSpacing',
@@ -1023,9 +1032,14 @@
 				'fontWeight',
 				'textTransform'
 			]);
+		}
 	
+		if(str === measureStringData.str) {
+			var width = measureStringData.width;
+		} else {
+			$test.text(str);
 			var width = $test.width();
-		$test.remove();
+		}
 	
 		return width;
 	};