[fixed] scrollable container height on legacy flexbox browsers like A…

…ndroid UC
robyth · May 18, 2016 · 992df1f · 992df1f
1 parent 73df9f8
commit 992df1f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/scss/components/_container.scss b/src/scss/components/_container.scss
@@ -40,7 +40,6 @@
     flex: 1 1 0;
     position: relative;
   }
-
 }
 
 .#{$container-prefix}-column {
@@ -58,7 +57,7 @@
 }
 
 // Handle alignment of containers' children
-
+// -----------------------------------------------------------------------------
 .#{$container-prefix}-align-end {
   align-items: flex-end;
 }
@@ -77,7 +76,7 @@
 }
 
 // Handle justification of containers' children
-
+// -----------------------------------------------------------------------------
 .#{$container-prefix}-justified {
   justify-content: space-around;
 }
@@ -95,7 +94,7 @@
 }
 
 // Scrollable containers
-
+// -----------------------------------------------------------------------------
 .#{$container-prefix}-scrollable {
   // position: relative;
   max-height: 100%;

diff --git a/src/scss/components/_view.scss b/src/scss/components/_view.scss
@@ -25,6 +25,10 @@
 
   backface-visibility: hidden;
   // transform: translateZ(0);
+
+  & > .#{$container-prefix} {
+    flex: 1 1 0;
+  }
 }
 
 // Animations