fix(content): nested content

fixes #15680
ionic-team · Sep 24, 2018 · 5f5ba66 · 5f5ba66
1 parent f6678c4
commit 5f5ba66
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/core/src/components/content/content.scss b/core/src/components/content/content.scss
@@ -30,6 +30,9 @@
 
   flex: 1;
 
+  width: 100%;
+  height: 100%;
+
   /* stylelint-disable */
   margin: 0 !important;
   padding: 0 !important;

diff --git a/core/src/components/content/test/basic/index.html b/core/src/components/content/test/basic/index.html
@@ -23,6 +23,7 @@
 
     <div style="display: flex; flex: 1">
       <ion-content padding style="text-align: center; flex: 2" id="content">
+        <ion-content>
         <f style="height: 50%"></f>
         <ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button>
         <p>
@@ -46,6 +47,7 @@
         <f></f>
         <f></f>
       </ion-content>
+      </ion-content>
       <ion-content padding style="display: none" id="content3">
         <f></f>
         <f></f>