fix(content): scrol-inner takes all height

ionic-team · May 11, 2018 · 3da0c98 · 3da0c98
1 parent 875b9d0
commit 3da0c98
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/core/src/components/content/content.scss b/core/src/components/content/content.scss
@@ -15,4 +15,8 @@ ion-content {
 
   margin: 0 !important; // scss-lint:disable all
   padding: 0 !important; // scss-lint:disable all
+
+  > .scroll-inner {
+    min-height: 100%;
+  }
 }
diff --git a/core/src/components/content/test/basic/index.html b/core/src/components/content/test/basic/index.html
@@ -19,7 +19,7 @@
       </ion-header>
 
       <div style="display: flex; flex: 1">
-        <ion-content padding style="text-align: center; flex: 2" id="content">
+        <ion-content scroll-enabled="false" padding style="text-align: center; flex: 2" id="content">
           <f></f>
           <ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button>
           <p>

diff --git a/core/src/components/scroll/scroll.scss b/core/src/components/scroll/scroll.scss
@@ -48,4 +48,8 @@ ion-scroll {
   &.overscroll::after {
     top: -1px;
   }
+
+  > .scroll-inner {
+    min-height: 100%;
+  }
 }