Replaced jquery browser detection with a own check

Author: tschueller

README.md

@@ -10,6 +10,9 @@ also in Firefox. It used the size attribute from the input element to change
 the width. The calculated size is unfortunately only a approximation to the 
 real size, so there can be a deviation of some pixels to the desired size.
 
+**Update:** FireFox v22 has changed the look of the file-input element. There is now only one button + label and no more input element.
+See bug report: [#838675](https://bugzilla.mozilla.org/show_bug.cgi?id=838675). The plugin will therefore only required for Firefox older versions. 
+
 Demo: [http://schueller.me/projects/jquery-plugins/](http://schueller.me/projects/jquery-plugins/#inputFileWidth)
 
 Usage

inputFileWidth.jquery.json

@@ -8,7 +8,7 @@
         "firefox",
         "input"
     ],
-    "version": "1.0.2",
+    "version": "1.0.3",
     "author": {
         "name": "Thorsten Schüller",
         "email": "thorsten@schueller.me"

jquery.inputFileWidth-min.js

@@ -1,14 +1,15 @@
 /*
- * jQuery inputFileWidth Plugin v1.0.2 
+ * jQuery inputFileWidth Plugin v1.0.3 
  * Sets the width of an input file element.
  * Copyright (c) 2010-2013, Thorsten Schüller 
  * http://schueller.me/projects/
  * Licensed under the MIT license.
  */
 (function(a){a.fn.inputFileWidth=function(b){if(!b){b="100%"
-}return this.filter("input:file").each(function(){var h=a(this),d,e,g=0,f,c,j="jquery-inputFileWidthContainer";
-if(a.browser.mozilla){if(h.parent("."+j).length){h.unwrap()}h.css("visibility","hidden").width("100%");
-h.attr("size",1);h.wrap('<div class="'+j+'" />');d=h.parent().css("overflow","hidden").width(b);
-e=d.prop("scrollWidth");for(f=1,c=500;f<c;f++){h.attr("size",f);g=d.prop("scrollWidth");
-if(g>e){h.attr("size",f>1?f-1:1);break}}h.css("visibility","visible")}else{h.width(b)
-}})}})(jQuery);
+}return this.filter("input:file").each(function(){var k=a(this),e,c,m=0,g,l,n="jquery-inputFileWidthContainer",d=navigator.userAgent.toLowerCase(),f,h="",j=0;
+f=/(chrome)[ \/]([\w.]+)/.exec(d)||/(webkit)[ \/]([\w.]+)/.exec(d)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(d)||/(msie) ([\w.]+)/.exec(d)||d.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(d)||[];
+h=f[1]||"";j=+f[2]||0;if(h=="mozilla"&&j<22){if(k.parent("."+n).length){k.unwrap()
+}k.css("visibility","hidden").width("100%");k.attr("size",1);k.wrap('<div class="'+n+'" />');
+e=k.parent().css("overflow","hidden").width(b);c=e.prop("scrollWidth");for(g=1,l=500;
+g<l;g++){k.attr("size",g);m=e.prop("scrollWidth");if(m>c){k.attr("size",g>1?g-1:1);
+break}}k.css("visibility","visible")}else{k.width(b)}})}})(jQuery);

jquery.inputFileWidth.js

@@ -1,5 +1,5 @@
 /*!
- * jQuery inputFileWidth Plugin v1.0.2 
+ * jQuery inputFileWidth Plugin v1.0.3 
  * Sets the width of an input file element.
  * Copyright (c) 2010-2013, Thorsten Schüller 
  * http://schueller.me/projects/
@@ -20,10 +20,26 @@
             beforeResize,
             afterResize = 0,
             i, max, 
-            containerClass = "jquery-inputFileWidthContainer";
+            containerClass = "jquery-inputFileWidthContainer",
+			ua = navigator.userAgent.toLowerCase(), 
+			uaMatch,
+			browser = "",
+			version = 0;
 
-            // Only FF need this hack
-            if ($.browser.mozilla)
+            // Only FF < version 22 need this hack. To check this I use this 
+			// dirty and old-fashioned user-agent detection (RegEx is taken 
+			// from the old and meanwhile deprecated jQuery.browser check)
+			uaMatch = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
+                /(webkit)[ \/]([\w.]+)/.exec( ua ) ||
+                /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
+                /(msie) ([\w.]+)/.exec( ua ) ||
+                ua.indexOf("compatible") < 0 && 
+					/(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
+                [];			
+			browser = uaMatch[1] || "";	
+			version = +uaMatch[2] || 0;
+			
+            if (browser == "mozilla" && version < 22)
             {
                 // Remove first an already existing container
                 if ($this.parent("."+containerClass).length) $this.unwrap();