fomantic-ui 2.9.0-beta.313 → 2.9.0-beta.314

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.313+6dec24a
+ * # Fomantic UI - 2.9.0-beta.314+ac16a50
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Site
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -503,7 +503,7 @@ $.extend($.expr[ ":" ], {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Form Validation
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Form Validation
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -2579,7 +2579,7 @@ $.fn.form.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Accordion
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -3204,7 +3204,7 @@ $.extend( $.easing, {
 
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Calendar
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5095,7 +5095,7 @@ $.fn.calendar.settings = {
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Checkbox
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5979,7 +5979,7 @@ $.fn.checkbox.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Dimmer
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6745,7 +6745,7 @@ $.fn.dimmer.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Dropdown
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11101,7 +11101,7 @@ $.fn.dropdown.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Embed
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Embed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11815,7 +11815,7 @@ $.fn.embed.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Modal
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11881,7 +11881,8 @@ $.modal = $.fn.modal = function(parameters) {
         moduleNamespace = 'module-' + namespace,
 
         $module         = $(this),
-        $context        = [window,document].indexOf(settings.context) < 0 ? $(document).find(settings.context) : $(settings.context),
+        $context        = [window,document].indexOf(settings.context) < 0 ? $document.find(settings.context) : $body,
+        isBody          = $context[0] === $body[0],
         $closeIcon      = $module.find(selector.closeIcon),
         $inputs,
 
@@ -11902,6 +11903,8 @@ $.modal = $.fn.modal = function(parameters) {
         initialMouseDownInScrollbar,
         initialBodyMargin = '',
         tempBodyMargin = '',
+        keepScrollingClass = false,
+        hadScrollbar = false,
 
         elementEventNamespace,
         id,
@@ -12019,6 +12022,7 @@ $.modal = $.fn.modal = function(parameters) {
             }
             module.debug('Creating dimmer');
             $dimmable = $context.dimmer(dimmerSettings);
+            keepScrollingClass = module.is.scrolling();
             if(settings.detachable) {
               module.verbose('Modal is detachable, moving content into dimmer');
               $dimmable.dimmer('add content', $module);
@@ -12144,13 +12148,13 @@ $.modal = $.fn.modal = function(parameters) {
           },
           scrollLock: function() {
             // touch events default to passive, due to changes in chrome to optimize mobile perf
-            $dimmable.get(0).addEventListener('touchmove', module.event.preventScroll, { passive: false });
+            $dimmable[0].addEventListener('touchmove', module.event.preventScroll, { passive: false });
           }
         },
 
         unbind: {
           scrollLock: function() {
-            $dimmable.get(0).removeEventListener('touchmove', module.event.preventScroll, { passive: false });
+            $dimmable[0].removeEventListener('touchmove', module.event.preventScroll, { passive: false });
           }
         },
 
@@ -12232,7 +12236,7 @@ $.modal = $.fn.modal = function(parameters) {
             if(initialMouseDownInModal) {
               module.verbose('Mouse down event registered inside the modal');
             }
-            initialMouseDownInScrollbar = module.is.scrolling() && ((!isRtl && $(window).outerWidth() - settings.scrollbarWidth <= event.clientX) || (isRtl && settings.scrollbarWidth >= event.clientX));
+            initialMouseDownInScrollbar = module.is.scrolling() && ((!isRtl && $window.outerWidth() - settings.scrollbarWidth <= event.clientX) || (isRtl && settings.scrollbarWidth >= event.clientX));
             if(initialMouseDownInScrollbar) {
               module.verbose('Mouse down event registered inside the scrollbar');
             }
@@ -12336,9 +12340,12 @@ $.modal = $.fn.modal = function(parameters) {
               module.verbose('Show callback returned false cancelling show');
               return;
             }
+            hadScrollbar = module.has.scrollbar();
             module.showDimmer();
             module.cacheSizes();
-            module.set.bodyMargin();
+            if(hadScrollbar) {
+              module.set.bodyMargin();
+            }
             if(module.can.useFlex()) {
               module.remove.legacy();
             }
@@ -12467,7 +12474,12 @@ $.modal = $.fn.modal = function(parameters) {
 
         showDimmer: function() {
           if($dimmable.dimmer('is animating') || !$dimmable.dimmer('is active') ) {
-            module.save.bodyMargin();
+            if(hadScrollbar) {
+              if(!isBody) {
+                $dimmer.css('top', $dimmable.scrollTop());
+              }
+              module.save.bodyMargin();
+            }
             module.debug('Showing dimmer');
             $dimmable.dimmer('show');
           }
@@ -12480,7 +12492,9 @@ $.modal = $.fn.modal = function(parameters) {
           if( $dimmable.dimmer('is animating') || ($dimmable.dimmer('is active')) ) {
             module.unbind.scrollLock();
             $dimmable.dimmer('hide', function() {
-              module.restore.bodyMargin();
+              if(hadScrollbar) {
+                module.restore.bodyMargin();
+              }
               module.remove.clickaway();
               module.remove.screenHeight();
             });
@@ -12560,9 +12574,9 @@ $.modal = $.fn.modal = function(parameters) {
             }
           },
           bodyMargin: function() {
-            initialBodyMargin = $body.css('margin-'+(module.can.leftBodyScrollbar() ? 'left':'right'));
+            initialBodyMargin = $context.css((isBody ? 'margin-':'padding-')+(module.can.leftBodyScrollbar() ? 'left':'right'));
             var bodyMarginRightPixel = parseInt(initialBodyMargin.replace(/[^\d.]/g, '')),
-                bodyScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+                bodyScrollbarWidth = isBody ? window.innerWidth - document.documentElement.clientWidth : $context[0].offsetWidth - $context[0].clientWidth;
             tempBodyMargin = bodyMarginRightPixel + bodyScrollbarWidth;
           }
         },
@@ -12575,8 +12589,8 @@ $.modal = $.fn.modal = function(parameters) {
           },
           bodyMargin: function() {
             var position = module.can.leftBodyScrollbar() ? 'left':'right';
-            $body.css('margin-'+position, initialBodyMargin);
-            $body.find(selector.bodyFixed.replace('right',position)).each(function(){
+            $context.css((isBody ? 'margin-':'padding-')+position, initialBodyMargin);
+            $context.find(selector.bodyFixed.replace('right',position)).each(function(){
               var el = $(this),
                   attribute = el.css('position') === 'fixed' ? 'padding-'+position : position
               ;
@@ -12610,16 +12624,17 @@ $.modal = $.fn.modal = function(parameters) {
             $dimmable.removeClass(className.blurring);
           },
           bodyStyle: function() {
-            if($body.attr('style') === '') {
+            if($context.attr('style') === '') {
               module.verbose('Removing style attribute');
-              $body.removeAttr('style');
+              $context.removeAttr('style');
             }
           },
           screenHeight: function() {
             module.debug('Removing page height');
-            $body
+            $context
               .css('height', '')
             ;
+            module.remove.bodyStyle()
           },
           keyboardShortcuts: function() {
             module.verbose('Removing keyboard shortcuts');
@@ -12628,7 +12643,9 @@ $.modal = $.fn.modal = function(parameters) {
             ;
           },
           scrolling: function() {
-            $dimmable.removeClass(className.scrolling);
+            if(!keepScrollingClass) {
+              $dimmable.removeClass(className.scrolling);
+            }
             $module.removeClass(className.scrolling);
           }
         },
@@ -12642,12 +12659,12 @@ $.modal = $.fn.modal = function(parameters) {
           ;
           if(module.cache.pageHeight === undefined || modalHeight !== 0) {
             $.extend(module.cache, {
-              pageHeight    : $(document).outerHeight(),
+              pageHeight    : $document.outerHeight(),
               width         : modalWidth,
               height        : modalHeight + settings.offset,
               scrollHeight  : scrollHeight + settings.offset,
-              contextHeight : (settings.context == 'body')
-                ? $(window).height()
+              contextHeight : isBody
+                ? $window.height()
                 : $dimmable.height(),
             });
             module.cache.topOffset = -(module.cache.height / 2);
@@ -12721,6 +12738,9 @@ $.modal = $.fn.modal = function(parameters) {
         has: {
           configActions: function () {
             return Array.isArray(settings.actions) && settings.actions.length > 0;
+          },
+          scrollbar: function() {
+            return isBody || $context.css('overflow-y') !== 'hidden';
           }
         },
         is: {
@@ -12752,7 +12772,7 @@ $.modal = $.fn.modal = function(parameters) {
           },
           rtl: function() {
             if(module.cache.isRTL === undefined) {
-              module.cache.isRTL = $body.attr('dir') === 'rtl' || $body.css('direction') === 'rtl';
+              module.cache.isRTL = $module.attr('dir') === 'rtl' || $module.css('direction') === 'rtl' || $body.attr('dir') === 'rtl' || $body.css('direction') === 'rtl' || $context.attr('dir') === 'rtl' || $context.css('direction') === 'rtl';
             }
             return module.cache.isRTL;
           },
@@ -12794,9 +12814,9 @@ $.modal = $.fn.modal = function(parameters) {
           bodyMargin: function() {
             var position = module.can.leftBodyScrollbar() ? 'left':'right';
             if(settings.detachable || module.can.fit()) {
-              $body.css('margin-'+position, tempBodyMargin + 'px');
+              $context.css((isBody ? 'margin-':'padding-')+position, tempBodyMargin + 'px');
             }
-            $body.find(selector.bodyFixed.replace('right',position)).each(function(){
+            $context.find(selector.bodyFixed.replace('right',position)).each(function(){
               var el = $(this),
                   attribute = el.css('position') === 'fixed' ? 'padding-'+position : position
               ;
@@ -12862,10 +12882,10 @@ $.modal = $.fn.modal = function(parameters) {
               $module
                 .css({
                   top: (!$module.hasClass('aligned') && canFit)
-                    ? $(document).scrollTop() + (module.cache.contextHeight - module.cache.height) / 2
+                    ? $document.scrollTop() + (module.cache.contextHeight - module.cache.height) / 2
                     : !canFit || $module.hasClass('top')
-                      ? $(document).scrollTop() + settings.padding
-                      : $(document).scrollTop() + (module.cache.contextHeight - module.cache.height - settings.padding),
+                      ? $document.scrollTop() + settings.padding
+                      : $document.scrollTop() + (module.cache.contextHeight - module.cache.height - settings.padding),
                   marginLeft: -(module.cache.width / 2)
                 })
               ;
@@ -12883,11 +12903,11 @@ $.modal = $.fn.modal = function(parameters) {
           },
           screenHeight: function() {
             if( module.can.fit() ) {
-              $body.css('height', '');
+              $context.css('height', '');
             }
             else if(!$module.hasClass('bottom')) {
               module.debug('Modal is taller than page content, resizing page height');
-              $body
+              $context
                 .css('height', module.cache.height + (settings.padding * 2) )
               ;
             }
@@ -13351,7 +13371,7 @@ $.fn.modal.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Nag
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13910,7 +13930,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Popup
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15446,7 +15466,7 @@ $.fn.popup.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Progress
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Progress
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -16483,7 +16503,7 @@ $.fn.progress.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Slider
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Slider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17837,7 +17857,7 @@ $.fn.slider.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Rating
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18396,7 +18416,7 @@ $.fn.rating.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Search
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19991,7 +20011,7 @@ $.extend($.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Shape
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20840,7 +20860,7 @@ $.fn.shape.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Sidebar
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21956,7 +21976,7 @@ $.fn.sidebar.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Sticky
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22907,7 +22927,7 @@ $.fn.sticky.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Tab
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23927,7 +23947,7 @@ $.fn.tab.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Toast
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24854,7 +24874,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Transition
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25969,7 +25989,7 @@ $.fn.transition.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - API
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - API
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27206,7 +27226,7 @@ $.api.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - State
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - State
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27918,7 +27938,7 @@ $.fn.state.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.313+6dec24a - Visibility
+ * # Fomantic-UI 2.9.0-beta.314+ac16a50 - Visibility
  * http://github.com/fomantic/Fomantic-UI/
  *
  *