autosize-rails 1.16.7 → 1.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 53cbda86330166837edb82f586ee6f6d1bbd034f
-  data.tar.gz: 3034dc0518e2197b3f91850c9cbc0e628c1056ff
+  metadata.gz: 86f89d5b7043e402c0d4cec470c9ad28b8914ed9
+  data.tar.gz: c3ae91447c4a3b063735041ce7b1b7098cf8580e
 SHA512:
-  metadata.gz: da84c85b1b8fe17ebf1f58ffe0561d3f25ddbe5490718ebeea92eb55a11fc27a08a89c9cedb8e667b882ca424d4cbc05f36ff9798ae20dbdf154f7ebf16897cb
-  data.tar.gz: 055151007c193da65c1a1c60c31e8f56771eb330fd82e62fc523fc9aea87d728155141ce3d98b6031c20e50f43b06eb590d8af08911283c6c873821a145c5913
+  metadata.gz: 8e2a474b13428f72a8f0bcac0dd2d0d26cb7dae5ee1e0c9ac6f80de6d56a8f10e529b20e090d474a8b0135b00c2ffb0b6e45a6bd85d8014717e918dd650065c5
+  data.tar.gz: fb442139c603cb4beb653dbfacf3919b4cf354355d811c1227762d91333ada9971f4ada356d1c9685e9de485d7ed77fa720b3428a48cabd9acaf18da695a7873

data/lib/autosize/rails/version.rb

@@ -1,5 +1,5 @@
 module Autosize
   module Rails
-    VERSION = "1.16.7"
+    VERSION = "1.18.0"
   end
 end

data/vendor/assets/javascripts/jquery.autosize.js

@@ -1,28 +1,31 @@
 /*!
-  jQuery Autosize v1.16.7
-  (c) 2013 Jack Moore - jacklmoore.com
-  updated: 2013-03-20
+  Autosize v1.18.0 - 2013-10-20
+  Automatically adjust textarea height based on user input.
+  (c) 2013 Jack Moore - http://www.jacklmoore.com/autosize
   license: http://www.opensource.org/licenses/mit-license.php
 */
-
-
-(function ($) {
+(function (factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else {
+    // Browser globals: jQuery or jQuery-like library, such as Zepto
+    factory(window.jQuery || window.$);
+  }
+}(function ($) {
   var
   defaults = {
     className: 'autosizejs',
     append: '',
-    callback: false
+    callback: false,
+    resizeDelay: 10
   },
-  hidden = 'hidden',
-  borderBox = 'border-box',
-  lineHeight = 'lineHeight',
-  supportsScrollHeight,
 
-  // border:0 is unnecessary, but avoids a bug in FireFox on OSX (http://www.jacklmoore.com/autosize#comment-851)
-  copy = '<textarea tabindex="-1" style="position:absolute; top:-999px; left:0; right:auto; bottom:auto; border:0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; word-wrap:break-word; height:0 !important; min-height:0 !important; overflow:hidden;"/>',
+  // border:0 is unnecessary, but avoids a bug in FireFox on OSX
+  copy = '<textarea tabindex="-1" style="position:absolute; top:-999px; left:0; right:auto; bottom:auto; border:0; padding: 0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; word-wrap:break-word; height:0 !important; min-height:0 !important; overflow:hidden; transition:none; -webkit-transition:none; -moz-transition:none;"/>',
 
   // line-height is conditionally included because IE7/IE8/old Opera do not return the correct value.
-  copyStyle = [
+  typographyStyles = [
     'fontFamily',
     'fontSize',
     'fontWeight',
@@ -32,8 +35,6 @@
     'wordSpacing',
     'textIndent'
   ],
-  oninput = 'oninput',
-  onpropertychange = 'onpropertychange',
 
   // to keep track which textarea is being mirrored when adjust() is called.
   mirrored,
@@ -43,150 +44,215 @@
 
   // test that line-height can be accurately copied.
   mirror.style.lineHeight = '99px';
-  if ($(mirror).css(lineHeight) === '99px') {
-    copyStyle.push(lineHeight);
+  if ($(mirror).css('lineHeight') === '99px') {
+    typographyStyles.push('lineHeight');
   }
   mirror.style.lineHeight = '';
 
   $.fn.autosize = function (options) {
+    if (!this.length) {
+      return this;
+    }
+
     options = $.extend({}, defaults, options || {});
 
     if (mirror.parentNode !== document.body) {
       $(document.body).append(mirror);
-
-      mirror.value = "\n\n\n";
-      mirror.scrollTop = 9e4;
-      supportsScrollHeight = mirror.scrollHeight === mirror.scrollTop + mirror.clientHeight;
     }
 
     return this.each(function () {
       var
       ta = this,
       $ta = $(ta),
+      maxHeight,
       minHeight,
-      active,
-      resize,
       boxOffset = 0,
-      callback = $.isFunction(options.callback);
+      callback = $.isFunction(options.callback),
+      originalStyles = {
+        height: ta.style.height,
+        overflow: ta.style.overflow,
+        overflowY: ta.style.overflowY,
+        wordWrap: ta.style.wordWrap,
+        resize: ta.style.resize
+      },
+      timeout,
+      width = $ta.width();
 
       if ($ta.data('autosize')) {
         // exit if autosize has already been applied, or if the textarea is the mirror element.
         return;
       }
+      $ta.data('autosize', true);
 
-      if ($ta.css('box-sizing') === borderBox || $ta.css('-moz-box-sizing') === borderBox || $ta.css('-webkit-box-sizing') === borderBox){
+      if ($ta.css('box-sizing') === 'border-box' || $ta.css('-moz-box-sizing') === 'border-box' || $ta.css('-webkit-box-sizing') === 'border-box'){
         boxOffset = $ta.outerHeight() - $ta.height();
       }
 
-      minHeight = Math.max(parseInt($ta.css('minHeight'), 10) - boxOffset, $ta.height());
-
-      resize = ($ta.css('resize') === 'none' || $ta.css('resize') === 'vertical') ? 'none' : 'horizontal';
+      // IE8 and lower return 'auto', which parses to NaN, if no min-height is set.
+      minHeight = Math.max(parseInt($ta.css('minHeight'), 10) - boxOffset || 0, $ta.height());
 
       $ta.css({
-        overflow: hidden,
-        overflowY: hidden,
-        wordWrap: 'break-word',
-        resize: resize
-      }).data('autosize', true);
+        overflow: 'hidden',
+        overflowY: 'hidden',
+        wordWrap: 'break-word', // horizontal overflow is hidden, so break-word is necessary for handling words longer than the textarea width
+        resize: ($ta.css('resize') === 'none' || $ta.css('resize') === 'vertical') ? 'none' : 'horizontal'
+      });
+
+      // The mirror width must exactly match the textarea width, so using getBoundingClientRect because it doesn't round the sub-pixel value.
+      function setWidth() {
+        var style, width;
+
+        if ('getComputedStyle' in window) {
+          style = window.getComputedStyle(ta, null);
+          width = ta.getBoundingClientRect().width;
+
+          $.each(['paddingLeft', 'paddingRight', 'borderLeftWidth', 'borderRightWidth'], function(i,val){
+            width -= parseInt(style[val],10);
+          });
+
+          mirror.style.width = width + 'px';
+        }
+        else {
+          // window.getComputedStyle, getBoundingClientRect returning a width are unsupported and unneeded in IE8 and lower.
+          mirror.style.width = Math.max($ta.width(), 0) + 'px';
+        }
+      }
 
       function initMirror() {
+        var styles = {};
+
         mirrored = ta;
         mirror.className = options.className;
+        maxHeight = parseInt($ta.css('maxHeight'), 10);
 
         // mirror is a duplicate textarea located off-screen that
         // is automatically updated to contain the same text as the
         // original textarea.  mirror always has a height of 0.
         // This gives a cross-browser supported way getting the actual
         // height of the text, through the scrollTop property.
-        $.each(copyStyle, function(i, val){
-          mirror.style[val] = $ta.css(val);
+        $.each(typographyStyles, function(i,val){
+          styles[val] = $ta.css(val);
         });
+        $(mirror).css(styles);
+
+        setWidth();
+
+        // Chrome-specific fix:
+        // When the textarea y-overflow is hidden, Chrome doesn't reflow the text to account for the space
+        // made available by removing the scrollbar. This workaround triggers the reflow for Chrome.
+        if (window.chrome) {
+          var width = ta.style.width;
+          ta.style.width = '0px';
+          var ignore = ta.offsetWidth;
+          ta.style.width = width;
+        }
       }
 
       // Using mainly bare JS in this function because it is going
       // to fire very often while typing, and needs to very efficient.
       function adjust() {
-        var height, overflow, original;
+        var height, original;
 
         if (mirrored !== ta) {
           initMirror();
+        } else {
+          setWidth();
         }
 
-        // the active flag keeps IE from tripping all over itself.  Otherwise
-        // actions in the adjust function will cause IE to call adjust again.
-        if (!active) {
-          active = true;
-          mirror.value = ta.value + options.append;
-          mirror.style.overflowY = ta.style.overflowY;
-          original = parseInt(ta.style.height,10);
+        mirror.value = ta.value + options.append;
+        mirror.style.overflowY = ta.style.overflowY;
+        original = parseInt(ta.style.height,10);
 
-          // Update the width in case the original textarea width has changed
-          // A floor of 0 is needed because IE8 returns a negative value for hidden textareas, raising an error.
-          mirror.style.width = Math.max($ta.width(), 0) + 'px';
+        // Setting scrollTop to zero is needed in IE8 and lower for the next step to be accurately applied
+        mirror.scrollTop = 0;
 
-          if (supportsScrollHeight) {
-            height = mirror.scrollHeight;
-          } else { // IE6 & IE7
-            mirror.scrollTop = 0;
-            mirror.scrollTop = 9e4;
-            height = mirror.scrollTop;
-          }
+        mirror.scrollTop = 9e4;
 
-          var maxHeight = parseInt($ta.css('maxHeight'), 10);
-          // Opera returns '-1px' when max-height is set to 'none'.
-          maxHeight = maxHeight && maxHeight > 0 ? maxHeight : 9e4;
-          if (height > maxHeight) {
-            height = maxHeight;
-            overflow = 'scroll';
-          } else if (height < minHeight) {
+        // Using scrollTop rather than scrollHeight because scrollHeight is non-standard and includes padding.
+        height = mirror.scrollTop;
+
+        if (maxHeight && height > maxHeight) {
+          ta.style.overflowY = 'scroll';
+          height = maxHeight;
+        } else {
+          ta.style.overflowY = 'hidden';
+          if (height < minHeight) {
             height = minHeight;
           }
-          height += boxOffset;
-          ta.style.overflowY = overflow || hidden;
+        }
 
-          if (original !== height) {
-            ta.style.height = height + 'px';
-            if (callback) {
-              options.callback.call(ta);
-            }
-          }
+        height += boxOffset;
 
-          // This small timeout gives IE a chance to draw it's scrollbar
-          // before adjust can be run again (prevents an infinite loop).
-          setTimeout(function () {
-            active = false;
-          }, 1);
+        if (original !== height) {
+          ta.style.height = height + 'px';
+          if (callback) {
+            options.callback.call(ta,ta);
+          }
         }
       }
 
-      if (onpropertychange in ta) {
-        if (oninput in ta) {
+      function resize () {
+        clearTimeout(timeout);
+        timeout = setTimeout(function(){
+          var newWidth = $ta.width();
+
+          if (newWidth !== width) {
+            width = newWidth;
+            adjust();
+          }
+        }, parseInt(options.resizeDelay,10));
+      }
+
+      if ('onpropertychange' in ta) {
+        if ('oninput' in ta) {
           // Detects IE9.  IE9 does not fire onpropertychange or oninput for deletions,
-          // so binding to onkeyup to catch most of those occassions.  There is no way that I
+          // so binding to onkeyup to catch most of those occasions.  There is no way that I
           // know of to detect something like 'cut' in IE9.
-          ta[oninput] = ta.onkeyup = adjust;
+          $ta.on('input.autosize keyup.autosize', adjust);
         } else {
           // IE7 / IE8
-          ta[onpropertychange] = adjust;
+          $ta.on('propertychange.autosize', function(){
+            if(event.propertyName === 'value'){
+              adjust();
+            }
+          });
         }
       } else {
         // Modern Browsers
-        ta[oninput] = adjust;
+        $ta.on('input.autosize', adjust);
       }
 
-      $(window).on('resize', function(){
-        active = false;
+      // Set options.resizeDelay to false if using fixed-width textarea elements.
+      // Uses a timeout and width check to reduce the amount of times adjust needs to be called after window resize.
+
+      if (options.resizeDelay !== false) {
+        $(window).on('resize.autosize', resize);
+      }
+
+      // Event for manual triggering if needed.
+      // Should only be needed when the value of the textarea is changed through JavaScript rather than user input.
+      $ta.on('autosize.resize', adjust);
+
+      // Event for manual triggering that also forces the styles to update as well.
+      // Should only be needed if one of typography styles of the textarea change, and the textarea is already the target of the adjust method.
+      $ta.on('autosize.resizeIncludeStyle', function() {
+        mirrored = null;
         adjust();
       });
 
-      // Allow for manual triggering if needed.
-      $ta.on('autosize', function(){
-        active = false;
-        adjust();
+      $ta.on('autosize.destroy', function(){
+        mirrored = null;
+        clearTimeout(timeout);
+        $(window).off('resize', resize);
+        $ta
+          .off('autosize')
+          .off('.autosize')
+          .css(originalStyles)
+          .removeData('autosize');
       });
 
       // Call adjust in case the textarea already contains text.
       adjust();
     });
   };
-}(window.jQuery || window.Zepto));
+}));

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: autosize-rails
 version: !ruby/object:Gem::Version
-  version: 1.16.7
+  version: 1.18.0
 platform: ruby
 authors:
 - Caleb Thompson
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-04-09 00:00:00.000000000 Z
+date: 2013-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -89,7 +89,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.0
+rubygems_version: 2.0.5
 signing_key: 
 specification_version: 4
 summary: A plugin to enable automatic height for textarea elements.