Merge pull request #504 from thelounge/astorije/fix-reset-textarea-height

Use min-height of textarea when computing auto-resize after deleting a char

client/css/style.css

@@ -1263,6 +1263,7 @@ button {
 	background: transparent;
 	border: none;
 	font: inherit;
+	min-height: 18px; /* Required when computing input height at char deletion */
 	height: 18px;
 	max-height: 90px;
 	line-height: 1.5;

client/js/lounge.js

@@ -632,8 +632,11 @@ $(function() {
 		.history()
 		.on("input keyup", function() {
 			var style = window.getComputedStyle(this);
-			this.style.height = "0px";
-			this.offsetHeight; // force reflow
+
+			// Start by resetting height before computing as scrollHeight does not
+			// decrease when deleting characters
+			this.style.height = this.style.minHeight;
+
 			this.style.height = Math.min(
 				Math.round(window.innerHeight - 100), // prevent overflow
 				this.scrollHeight