Fix issue #1191

build/less/core.less

@@ -4,7 +4,7 @@
  */
 html,
 body {
-  min-height: 100%;
+  height: 100%;
   .layout-boxed & {
     height: 100%;
   }
@@ -22,9 +22,10 @@ body {
 /* Layout */
 .wrapper {
   .clearfix();
-  min-height: 100%;
+  height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
   .layout-boxed & {
     max-width: 1250px;
     margin: 0 auto;

dist/css/AdminLTE.css

@@ -12,7 +12,7 @@
  */
 html,
 body {
-  min-height: 100%;
+  height: 100%;
 }
 .layout-boxed html,
 .layout-boxed body {
@@ -28,9 +28,10 @@ body {
 }
 /* Layout */
 .wrapper {
-  min-height: 100%;
+  height: 100%;
   position: relative;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .wrapper:before,
 .wrapper:after {

dist/js/app.js

@@ -242,12 +242,15 @@ function _init() {
       var _this = this;
       _this.fix();
       _this.fixSidebar();
+      $('body, html, .wrapper').css('height', 'auto');
       $(window, ".wrapper").resize(function () {
         _this.fix();
         _this.fixSidebar();
       });
     },
     fix: function () {
+      // Remove overflow from .wrapper if layout-boxed exists
+      $(".layout-boxed > .wrapper").css('overflow', 'hidden');
       //Get window height and the wrapper height
       var neg = $('.main-header').outerHeight() + $('.main-footer').outerHeight();
       var window_height = $(window).height();