Fixed minor bug where the resized event would not fire under specif…

…ic conditions when changing the overflow.

changelog.md

@@ -1,5 +1,8 @@
 ## Changelog
 
+##### v.3.0.20 - 2016-12-04
+* Fixed minor bug where the `resized` event would not fire under specific conditions when changing the overflow.
+
 ##### v.3.0.19 - 2016-11-23
 * Bubble dispatched events. Merged #319.
 

dist/autosize.js

@@ -1,5 +1,5 @@
 /*!
-	Autosize 3.0.19
+	Autosize 3.0.20
 	license: MIT
 	http://www.jacklmoore.com/autosize
 */
@@ -103,8 +103,6 @@
 			}
 
 			ta.style.overflowY = value;
-
-			resize();
 		}
 
 		function getParentOverflows(el) {
@@ -156,25 +154,29 @@
 		function update() {
 			resize();
 
-			var computed = window.getComputedStyle(ta, null);
-			var computedHeight = Math.round(parseFloat(computed.height));
 			var styleHeight = Math.round(parseFloat(ta.style.height));
+			var computed = window.getComputedStyle(ta, null);
+			var actualHeight = Math.round(parseFloat(computed.height));
 
-			// The computed height not matching the height set via resize indicates that
+			// 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.
-			if (computedHeight !== styleHeight) {
+			if (actualHeight !== styleHeight) {
 				if (computed.overflowY !== 'visible') {
 					changeOverflow('visible');
+					resize();
+					actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
 				}
 			} else {
 				// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
 				if (computed.overflowY !== 'hidden') {
 					changeOverflow('hidden');
+					resize();
+					actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
 				}
 			}
 
-			if (cachedHeight !== computedHeight) {
-				cachedHeight = computedHeight;
+			if (cachedHeight !== actualHeight) {
+				cachedHeight = actualHeight;
 				var evt = createEvent('autosize:resized');
 				try {
 					ta.dispatchEvent(evt);

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.19",
+  "version": "3.0.20",
   "keywords": [
     "textarea",
     "form",

src/autosize.js

@@ -81,8 +81,6 @@ function assign(ta) {
 		}
 
 		ta.style.overflowY = value;
-
-		resize();
 	}
 
 	function getParentOverflows(el) {
@@ -134,25 +132,29 @@ function assign(ta) {
 	function update() {
 		resize();
 
-		const computed = window.getComputedStyle(ta, null);
-		const computedHeight = Math.round(parseFloat(computed.height));
 		const styleHeight = Math.round(parseFloat(ta.style.height));
+		const computed = window.getComputedStyle(ta, null);
+		var actualHeight = Math.round(parseFloat(computed.height));
 
-		// The computed height not matching the height set via resize indicates that 
+		// 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.
-		if (computedHeight !== styleHeight) {
+		if (actualHeight !== styleHeight) {
 			if (computed.overflowY !== 'visible') {
 				changeOverflow('visible');
+				resize();
+				actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
 			}
 		} else {
 			// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
 			if (computed.overflowY !== 'hidden') {
 				changeOverflow('hidden');
+				resize();
+				actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
 			}
 		}
 
-		if (cachedHeight !== computedHeight) {
-			cachedHeight = computedHeight;
+		if (cachedHeight !== actualHeight) {
+			cachedHeight = actualHeight;
 			const evt = createEvent('autosize:resized');
 			try {
 				ta.dispatchEvent(evt);