feat(fixedWindow): removed fixed window to prevent flickering and poor render preformance on iOS, replaced with touchhandling. Important: Scrolling now only works on the direct container of the widget

Author: BowlingX

_layouts/default.html

@@ -98,7 +98,7 @@ <h3>Build-Status</h3>
 <script src="//cdn.polyfill.io/v1/polyfill.min.js" async defer></script>
 <script type="application/javascript" src="{{ site.baseurl }}/build/js/flexcss.min.js"></script>
 <script type="application/javascript">
-    (function (document, window) {
+    (function (document) {
         document.addEventListener('DOMContentLoaded', function () {
             // init all forms on this page
             FlexCss.Form.init('form', {scrollToElementDiff:50});
@@ -123,7 +123,7 @@ <h3>Build-Status</h3>
 
             new FlexCss.LightBox(document.body, 'data-thumb', document.body).registerEvents();
         });
-    })(document, window);
+    })(document);
 </script>
 <div class="modal" id="impressum">
     <i data-close-modal class="modal-close icon-cancel-1"></i>

assets/lib/_fixedWindow.scss

@@ -1,4 +1,7 @@
 .fixed-window-open {
+  html, body {
+    overflow:hidden;
+  }
   body {
     width: 100%;
   }

assets/lib/_grid.scss

@@ -21,14 +21,6 @@
   margin: $topbarHeight auto 0 auto;
 }
 
-html {
-  &.modal-open.fixed-window-open {
-    body {
-      overflow: hidden;
-    }
-  }
-}
-
 // Wrapper where all Content goes
 .content-wrapper {
   display: flex;

assets/lib/_modal.scss

@@ -47,7 +47,7 @@
 
   &:after {
     content: '';
-    position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     width: 100%;

assets/lib/_navigation.scss

@@ -1,5 +1,6 @@
 /* Main Navigation Container, Off-Screen Navigation*/
 .navbar-main {
+  @include interface();
   position: fixed;
   height: 100%;
   overflow-y: auto;