Fixed bug with overflow detection which degraded performance of texta…

…reas that exceed their max-width. Fixes jackmoore#333.

changelog.md

@@ -1,5 +1,8 @@
 ## Changelog
 
+##### v.3.0.21 - 2016-05-19
+* Fixed bug with overflow detection which degraded performance of textareas that exceed their max-width. Fixes #333.
+
 ##### v.3.0.20 - 2016-12-04
 * Fixed minor bug where the `resized` event would not fire under specific conditions when changing the overflow.
 

dist/autosize.js

@@ -1,5 +1,5 @@
 /*!
-	Autosize 3.0.20
+	Autosize 3.0.21
 	license: MIT
 	http://www.jacklmoore.com/autosize
 */
@@ -161,10 +161,10 @@
 			var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
 
 			// The actual height not matching the style height (set via the resize method) indicates that
-			// the max-height has been exceeded, in which case the overflow should be set to visible.
+			// the max-height has been exceeded, in which case the overflow should be allowed.
 			if (actualHeight !== styleHeight) {
-				if (computed.overflowY !== 'visible') {
-					changeOverflow('visible');
+				if (computed.overflowY === 'hidden') {
+					changeOverflow('scroll');
 					resize();
 					actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
 				}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "autosize",
   "description": "Autosize is a small, stand-alone script to automatically adjust textarea height to fit text.",
-  "version": "3.0.20",
+  "version": "3.0.21",
   "keywords": [
     "textarea",
     "form",

src/autosize.js

@@ -139,10 +139,10 @@ function assign(ta) {
 		var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
 
 		// The actual height not matching the style height (set via the resize method) indicates that 
-		// the max-height has been exceeded, in which case the overflow should be set to visible.
+		// the max-height has been exceeded, in which case the overflow should be allowed.
 		if (actualHeight !== styleHeight) {
-			if (computed.overflowY !== 'visible') {
-				changeOverflow('visible');
+			if (computed.overflowY === 'hidden') {
+				changeOverflow('scroll');
 				resize();
 				actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
 			}