Issue #2825154 by michael_wojcik, tkoleary, tedbow: "offcanvas-lining" div...

Issue #2825154 by michael_wojcik, tkoleary, tedbow: "offcanvas-lining" div inappropriately covers whole page

core/modules/outside_in/css/outside_in.module.css

@@ -38,12 +38,3 @@
 [dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
   float: right;
 }
-
-.offcanvas-lining {
-  background: #333;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  z-index: -1;
-}

core/modules/outside_in/js/offcanvas.js

@@ -120,6 +120,9 @@
           of: window
         };
         settings.dialogClass = 'ui-dialog-offcanvas';
+        // Applies initial height to dialog based on window height.
+        // See http://api.jqueryui.com/dialog for all dialog options.
+        settings.height = $(window).height();
       }
     },
     'dialog:beforeclose': function (event, dialog, $element) {

core/modules/outside_in/templates/outside-in-page-wrapper.html.twig

@@ -17,5 +17,4 @@
       {{ children }}
     </div>
   </div>
-  <div class="offcanvas-lining"></div>
 {% endif %}