materialize-sass 0.96.1 → 0.96.2

data/app/assets/javascripts/materialize/cards.js

@@ -10,7 +10,7 @@
               duration: 225,
               queue: false,
               easing: 'easeInOutQuad',
-              complete: function() { $(this).css({ display: 'none'}) }
+              complete: function() { $(this).css({ display: 'none'}); }
             }
           );
         }

data/app/assets/javascripts/materialize/character_counter.js

@@ -3,7 +3,7 @@
   $.fn.characterCounter = function(){
     return this.each(function(){
 
-      itHasLengthAttribute = $(this).attr('length') != undefined;
+      itHasLengthAttribute = $(this).attr('length') !== undefined;
 
       if(itHasLengthAttribute){
         $(this).on('input', updateCounter);

data/app/assets/javascripts/materialize/collapsible.js

@@ -34,10 +34,10 @@
             object.parent().removeClass('active');
         }
         if (object.parent().hasClass('active')){
-          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '')}});
+          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
         }
         else{
-          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '')}});
+          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
         }
 
         $panel_headers.not(object).removeClass('active').parent().removeClass('active');
@@ -48,7 +48,7 @@
             queue: false,
             complete:
               function() {
-                $(this).css('height', '')
+                $(this).css('height', '');
               }
           });
       }
@@ -62,10 +62,10 @@
             object.parent().removeClass('active');
         }
         if (object.parent().hasClass('active')){
-          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '')}});
+          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
         }
         else{
-          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '')}});
+          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
         }
       }
 
@@ -95,7 +95,7 @@
 
 
 
-      if (options.accordion || collapsible_type == "accordion" || collapsible_type == undefined) { // Handle Accordion
+      if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) { // Handle Accordion
         // Add click handler to only direct collapsible header children
         $panel_headers = $this.find('> li > .collapsible-header');
         $panel_headers.on('click.collapse', function (e) {

data/app/assets/javascripts/materialize/dropdown.js

@@ -15,7 +15,7 @@
       hover: false,
       gutter: 0, // Spacing from edge
       belowOrigin: false
-    }
+    };
 
     this.each(function(){
     var origin = $(this);
@@ -25,17 +25,17 @@
     var activates = $("#"+ origin.attr('data-activates'));
 
     function updateOptions() {
-      if (origin.data('induration') != undefined)
+      if (origin.data('induration') !== undefined)
         options.inDuration = origin.data('inDuration');
-      if (origin.data('outduration') != undefined)
+      if (origin.data('outduration') !== undefined)
         options.outDuration = origin.data('outDuration');
-      if (origin.data('constrainwidth') != undefined)
+      if (origin.data('constrainwidth') !== undefined)
         options.constrain_width = origin.data('constrainwidth');
-      if (origin.data('hover') != undefined)
+      if (origin.data('hover') !== undefined)
         options.hover = origin.data('hover');
-      if (origin.data('gutter') != undefined)
+      if (origin.data('gutter') !== undefined)
         options.gutter = origin.data('gutter');
-      if (origin.data('beloworigin') != undefined)
+      if (origin.data('beloworigin') !== undefined)
         options.belowOrigin = origin.data('beloworigin');
     }
 
@@ -56,11 +56,11 @@
       activates.addClass('active');
 
       // Constrain width
-      if (options.constrain_width == true) {
+      if (options.constrain_width === true) {
         activates.css('width', origin.outerWidth());
       }
       var offset = 0;
-      if (options.belowOrigin == true) {
+      if (options.belowOrigin === true) {
         offset = origin.height();
       }
 
@@ -110,7 +110,7 @@
       origin.on('mouseenter', function(e){ // Mouse over
         if (open === false) {
           placeDropdown();
-          open = true
+          open = true;
         }
       });
       origin.on('mouseleave', function(e){

data/app/assets/javascripts/materialize/forms.js

@@ -5,14 +5,14 @@
     Materialize.updateTextFields = function() {
       var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
       $(input_selector).each(function(index, element) {
-        if ($(element).val().length > 0 || $(this).attr('placeholder') !== undefined) {
+        if ($(element).val().length > 0 || $(this).attr('placeholder') !== undefined || $(element)[0].validity.badInput === true) {
           $(this).siblings('label, i').addClass('active');
         }
         else {
           $(this).siblings('label, i').removeClass('active');
         }
       });
-    }
+    };
 
     // Text based inputs
     var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
@@ -53,14 +53,15 @@
     });
 
     $(document).on('blur', input_selector, function () {
-      if ($(this).val().length === 0 && $(this).attr('placeholder') === undefined) {
-        $(this).siblings('label, i').removeClass('active');
+      var $inputElement = $(this);
+      if ($inputElement.val().length === 0 && $inputElement[0].validity.badInput !== true && $inputElement.attr('placeholder') === undefined) {
+        $inputElement.siblings('label, i').removeClass('active');
       }
-      validate_field($(this));
+      validate_field($inputElement);
     });
 
     validate_field = function(object) {
-      if (object.val().length === 0) {
+      if (object.val().length === 0 && object[0].validity.badInput === false) {
         if (object.hasClass('validate')) {
           object.removeClass('valid');
           object.removeClass('invalid');
@@ -78,7 +79,7 @@
           }
         }
       }
-    }
+    };
 
 
     // Textarea Auto Resize
@@ -90,10 +91,17 @@
     var text_area_selector = '.materialize-textarea';
 
     function textareaAutoResize($textarea) {
+      // Set fontsize of hiddenDiv
+      var fontSize = $textarea.css('font-size');
+      if (fontSize) {
+        hiddenDiv.css('font-size', fontSize);
+      }
+
       hiddenDiv.text($textarea.val() + '\n');
       var content = hiddenDiv.html().replace(/\n/g, '<br>');
       hiddenDiv.html(content);
 
+
       // When textarea is hidden, width goes crazy.
       // Approximate with half of window size
 
@@ -240,11 +248,13 @@
       wrapper.addClass($select.attr('class'));
       var options = $('<ul id="select-options-' + uniqueID+'" class="dropdown-content select-dropdown"></ul>');
       var selectOptions = $select.children('option');
+
+      var label;
       if ($select.find('option:selected') !== undefined) {
-        var label = $select.find('option:selected');
+        label = $select.find('option:selected');
       }
       else {
-        var label = options.first();
+        label = options.first();
       }
 
 
@@ -313,36 +323,36 @@
         collection.find('li.active').removeClass('active');
         $(newOption).addClass('active');
         collection.scrollTo(newOption);
-      }
+      };
 
       // Allow user to search by typing
       // this array is cleared after 1 second
-      filterQuery = []
+      filterQuery = [];
 
       onKeyDown = function(event){
         // TAB - switch to another input
         if(event.which == 9){
           $newSelect.trigger('close');
-          return
+          return;
         }
 
         // ARROW DOWN WHEN SELECT IS CLOSED - open select options
         if(event.which == 40 && !options.is(":visible")){
           $newSelect.trigger('open');
-          return
+          return;
         }
 
         // ENTER WHEN SELECT IS CLOSED - submit form
         if(event.which == 13 && !options.is(":visible")){
-          return
+          return;
         }
 
         event.preventDefault();
 
         // CASE WHEN USER TYPE LETTERS
         letter = String.fromCharCode(event.which).toLowerCase();
-
-        if (letter){
+        var nonLetters = [9,13,27,38,40];
+        if (letter && (nonLetters.indexOf(event.which) === -1)){
           filterQuery.push(letter);
 
           string = filterQuery.join("");
@@ -387,11 +397,11 @@
         }
 
         // Automaticaly clean filter query so user can search again by starting letters
-        setTimeout(function(){filterQuery = []}, 1000)
-      }
+        setTimeout(function(){ filterQuery = []; }, 1000);
+      };
 
       $newSelect.on('keydown', onKeyDown);
     });
-  }
+  };
 
 }( jQuery ));

data/app/assets/javascripts/materialize/global.js

@@ -24,8 +24,13 @@ Materialize.elementOrParentIsFixed = function(element) {
         }
     });
     return isFixed;
-}
+};
 
 // Velocity has conflicts when loaded with jQuery, this will check for it
 var Vel;
-if ($) { Vel = $.Velocity } else { Vel = Velocity};
+if ($) {
+  Vel = $.Velocity;
+}
+else {
+  Vel = Velocity;
+}

data/app/assets/javascripts/materialize/init.js

@@ -81,11 +81,11 @@
     }
 
     // Toggle Flow Text
-    var toggleFlowTextButton = $('#flow-toggle')
+    var toggleFlowTextButton = $('#flow-toggle');
     toggleFlowTextButton.click( function(){
       $('#flow-text-demo').children('p').each(function(){
           $(this).toggleClass('flow-text');
-        })
+        });
     });
 
 //    Toggle Containers on page
@@ -113,7 +113,7 @@
       }
     }
     if (is_touch_device()) {
-      $('#nav-mobile').css({ overflow: 'auto'})
+      $('#nav-mobile').css({ overflow: 'auto'});
     }
 
     // Set checkbox on forms.html to indeterminate
@@ -124,7 +124,6 @@
 
     // Plugin initialization
     $('.slider').slider({full_width: true});
-    $('.tab-demo').show().tabs();
     $('.parallax').parallax();
     $('.modal-trigger').leanModal();
     $('.scrollspy').scrollSpy();

data/app/assets/javascripts/materialize/leanModal.js

@@ -1,9 +1,16 @@
 (function($) {
+    var _stack = 0,
+    _lastID = 0,
+    _generateID = function() {
+      _lastID++;
+      return 'materialize-lean-overlay-' + _lastID;
+    };
+
   $.fn.extend({
     openModal: function(options) {
-      var modal = this;
+
       var overlay = $('<div id="lean-overlay"></div>');
-      $("body").append(overlay);
+      $('body').css('overflow', 'hidden').append(overlay);
 
       var defaults = {
         opacity: 0.5,
@@ -12,40 +19,50 @@
         ready: undefined,
         complete: undefined,
         dismissible: true
-      }
+      },
+      overlayID = _generateID(),
+      $modal = $(this),
+      $overlay = $('<div class="lean-overlay"></div>'),
+      lStack = (++_stack);
+
+      // Store a reference of the overlay
+      $overlay.attr('id', overlayID).css('z-index', 1000 + lStack * 2);
+      $modal.data('overlay-id', overlayID).css('z-index', 1000 + lStack * 2 + 1);
+
+      $("body").append($overlay);
 
       // Override defaults
       options = $.extend(defaults, options);
 
       if (options.dismissible) {
-        $("#lean-overlay").click(function() {
-          $(modal).closeModal(options);
+        $overlay.click(function() {
+          $modal.closeModal(options);
         });
         // Return on ESC
-        $(document).on('keyup.leanModal', function(e) {
+        $(document).on('keyup.leanModal' + overlayID, function(e) {
           if (e.keyCode === 27) {   // ESC key
-            $(modal).closeModal(options);
+            $modal.closeModal(options);
           }
         });
       }
 
-      $(modal).find(".modal-close").click(function(e) {
-        $(modal).closeModal(options);
+      $modal.find(".modal-close").click(function(e) {
+        $modal.closeModal(options);
       });
 
-      $("#lean-overlay").css({ display : "block", opacity : 0 });
+      $overlay.css({ display : "block", opacity : 0 });
 
-      $(modal).css({
+      $modal.css({
         display : "block",
         opacity: 0
       });
 
-      $("#lean-overlay").velocity({opacity: options.opacity}, {duration: options.in_duration, queue: false, ease: "easeOutCubic"});
-
+      $overlay.velocity({opacity: options.opacity}, {duration: options.in_duration, queue: false, ease: "easeOutCubic"});
+      $modal.data('associated-overlay', $overlay[0]);
 
       // Define Bottom Sheet animation
-      if ($(modal).hasClass('bottom-sheet')) {
-        $(modal).velocity({bottom: "0", opacity: 1}, {
+      if ($modal.hasClass('bottom-sheet')) {
+        $modal.velocity({bottom: "0", opacity: 1}, {
           duration: options.in_duration,
           queue: false,
           ease: "easeOutCubic",
@@ -58,8 +75,8 @@
         });
       }
       else {
-        $(modal).css({ top: "4%" });
-        $(modal).velocity({top: "10%", opacity: 1}, {
+        $modal.css({ top: "4%" });
+        $modal.velocity({top: "10%", opacity: 1}, {
           duration: options.in_duration,
           queue: false,
           ease: "easeOutCubic",
@@ -81,48 +98,56 @@
       var defaults = {
         out_duration: 250,
         complete: undefined
-      }
-      var options = $.extend(defaults, options);
+      },
+      options = $.extend(defaults, options),
+      $modal = $(this),
+      overlayID = $modal.data('overlay-id'),
+      $overlay = $('#' + overlayID);
 
-      $('.modal-close').off();
-      $(document).off('keyup.leanModal');
+      // Disable scrolling
+      $('body').css('overflow', '');
 
-      $("#lean-overlay").velocity( { opacity: 0}, {duration: options.out_duration, queue: false, ease: "easeOutQuart"});
+      $modal.find('.modal-close').off();
+      $(document).off('keyup.leanModal' + overlayID);
+
+      $overlay.velocity( { opacity: 0}, {duration: options.out_duration, queue: false, ease: "easeOutQuart"});
 
 
       // Define Bottom Sheet animation
-      if ($(this).hasClass('bottom-sheet')) {
-        $(this).velocity({bottom: "-100%", opacity: 0}, {
+      if ($modal.hasClass('bottom-sheet')) {
+        $modal.velocity({bottom: "-100%", opacity: 0}, {
           duration: options.out_duration,
           queue: false,
           ease: "easeOutCubic",
           // Handle modal ready callback
           complete: function() {
-            $("#lean-overlay").css({display:"none"});
+            $overlay.css({display:"none"});
 
             // Call complete callback
             if (typeof(options.complete) === "function") {
               options.complete();
             }
-            $('#lean-overlay').remove();
+            $overlay.remove();
+            _stack--;
           }
         });
       }
       else {
-        $(this).fadeOut(options.out_duration, function() {
-          $(this).css({ top: 0});
-          $("#lean-overlay").css({display:"none"});
+        $modal.fadeOut(options.out_duration, function() {
+          $modal.css({ top: 0});
+          $overlay.css({display:"none"});
 
           // Call complete callback
           if (typeof(options.complete) === "function") {
             options.complete();
           }
-          $('#lean-overlay').remove();
+          $overlay.remove();
+          _stack--;
         });
       }
 
     }
-  })
+  });
 
   $.fn.extend({
     leanModal: function(options) {