Textinput: Update autogrow to auto shrink as well. Clearinput update for new css

Author: arschmitz

css/structure/jquery.mobile.forms.textinput.css

@@ -33,10 +33,6 @@ textarea.ui-input-text {
 	height: 3.125em;
 	overflow: auto;
 	resize: vertical;
-	-webkit-transition: height 200ms linear;
-	-moz-transition: height 200ms linear;
-	-o-transition: height 200ms linear;
-	transition: height 200ms linear;
 }
 .ui-mini .ui-input-text input,
 .ui-mini .ui-input-search input,

demos/widgets/textinputs/index.php

@@ -55,7 +55,7 @@
         <div data-demo-html="true">
         <form>
             <label for="textarea-1">Textarea:</label>
-            <textarea cols="40" rows="8" name="textarea-1" id="textarea-1"></textarea>
+            <textarea name="textarea-1" id="textarea-1"></textarea>
         </form>
         </div><!-- /demo-html -->
 

js/widgets/forms/autogrow.js

@@ -60,18 +60,14 @@ define( [ "jquery", "../../jquery.mobile.core", "../../jquery.mobile.widget", ".
 		},
 
 		_updateHeight:function(){
-			var paddingTop, paddingBottom, paddingHeight,
-				scrollHeight = this.element[ 0 ].scrollHeight,
-				clientHeight = this.element[ 0 ].clientHeight;
-
-
-			if ( clientHeight < scrollHeight ) {
-				paddingTop = parseFloat( this.element.css( "padding-top" ) );
-				paddingBottom = parseFloat( this.element.css( "padding-bottom" ) );
-				paddingHeight = paddingTop + paddingBottom;
-
-				this.element.height( scrollHeight - paddingHeight + 15 );
-			}
+			
+				this.element.css({
+					height: "auto"
+				});
+				this.element.css({
+					height: this.element[0].scrollHeight + 15 + "px"
+				});
+			
 		},
 		_setOptions: function( o ){
 			this._super( o );

js/widgets/forms/clearButton.js

@@ -27,10 +27,8 @@ define( [ "jquery", "../../jquery.mobile.core", "../../jquery.mobile.widget", ".
 
 			var o = this.options;
 
-			return $( "<a href='#' class='ui-input-clear ui-btn ui-icon-delete ui-btn-icon-notext" +
-					" ui-corner-all ui-shadow " +
-					( o.theme ? "ui-btn-" + o.theme : "" ) +
-					( o.mini ? "ui-mini" : "" ) + "' title='" + o.clearBtnText + "'>" + o.clearBtnText + "</a>" );
+			return $( "<a href='#' class='ui-input-clear ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all" +
+    "' title='" + o.clearBtnText + "'>" + o.clearBtnText + "</a>" );
 
 		},