fix(menu): standalone

packages/core/src/components/app/app.scss

@@ -165,12 +165,20 @@ ion-app {
 // Page Container Structure
 // --------------------------------------------------
 
-.ion-page,
-.page-inner {
+.ion-page {
+  @include position(0);
+
+  position: absolute;
+  z-index: $z-index-page-container;
   display: flex;
 
   flex-direction: column;
   justify-content: space-between;
+
+  width: 100%;
+  height: 100%;
+
+  contain: layout size style;
 }
 
 .hide-page {

packages/core/src/components/content/readme.md

@@ -20,6 +20,10 @@ view component.
 
 boolean
 
+If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
+If the content exceeds the bounds of ionContent, nothing will change.
+Note, the does not disable the system bounce on iOS. That is an OS level setting.
+
 
 #### fullscreen
 
@@ -36,6 +40,10 @@ to transparent.
 
 boolean
 
+If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
+If the content exceeds the bounds of ionContent, nothing will change.
+Note, the does not disable the system bounce on iOS. That is an OS level setting.
+
 
 #### fullscreen
 

packages/core/src/components/infinite-scroll-content/readme.md

@@ -16,6 +16,7 @@ You can loading icon or loading text with the component's properties.
 
 <!-- Auto Generated Below -->
 
+
 ## Properties
 
 #### loadingSpinner
@@ -24,12 +25,14 @@ string
 
 An animated SVG spinner that shows while loading.
 
+
 #### loadingText
 
 string
 
 Optional text to display while loading.
 
+
 ## Attributes
 
 #### loading-spinner
@@ -38,12 +41,15 @@ string
 
 An animated SVG spinner that shows while loading.
 
+
 #### loading-text
 
 string
 
 Optional text to display while loading.
 
----
 
-_Built with [StencilJS](https://stenciljs.com/)_
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

packages/core/src/components/menu/menu.scss

@@ -24,7 +24,10 @@ ion-menu.show-menu {
 
   position: absolute;
 
-  display: block;
+  display: flex;
+
+  flex-direction: column;
+  justify-content: space-between;
 
   width: $menu-width;
   height: 100%;

packages/core/src/components/menu/menu.tsx

@@ -444,7 +444,7 @@ export class Menu {
 
   render() {
     return ([
-      <div class='menu-inner page-inner' ref={el => this.menuInnerEl = el}>
+      <div class='menu-inner' ref={el => this.menuInnerEl = el}>
         <slot></slot>
       </div>,
 
@@ -468,7 +468,7 @@ export class Menu {
         'type': 'pan',
         'direction': 'x',
         'threshold': 10,
-        'attachTo': 'body',
+        'attachTo': 'window',
         'disableScroll': true,
         'block': this.gestureBlocker
       }}/>

packages/core/src/components/nav/nav.scss

@@ -15,19 +15,6 @@ ion-nav {
   contain: layout size style;
 }
 
-.ion-page {
-  @include position(0);
-
-  position: absolute;
-
-  z-index: $z-index-page-container;
-
-  width: 100%;
-  height: 100%;
-
-  contain: layout size style;
-}
-
 .nav-decor {
   display: none;
 }

packages/core/src/components/page/page.scss

@@ -1,18 +0,0 @@
-// Util
-// --------------------------------------------------
-@import "../../themes/util";
-
-
-ion-page {
-  @include position(0);
-
-  position: absolute;
-
-  z-index: $z-index-page-container;
-
-  width: 100%;
-  height: 100%;
-
-  contain: layout size style;
-}
-

packages/core/src/components/page/page.tsx

@@ -3,7 +3,6 @@ import { Component } from '@stencil/core';
 
 @Component({
   tag: 'ion-page',
-  styleUrl: 'page.scss'
 })
 export class Page {
 

packages/core/src/components/scroll/readme.md

@@ -11,6 +11,10 @@
 
 boolean
 
+If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
+If the content exceeds the bounds of ionScroll, nothing will change.
+Note, the does not disable the system bounce on iOS. That is an OS level setting.
+
 
 #### mode
 
@@ -38,6 +42,10 @@ string
 
 boolean
 
+If true and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
+If the content exceeds the bounds of ionScroll, nothing will change.
+Note, the does not disable the system bounce on iOS. That is an OS level setting.
+
 
 #### mode
 

packages/core/src/components/tabbar/tabbar.tsx

@@ -184,7 +184,7 @@ export class Tabbar {
           <ion-icon name='arrow-dropleft'/>
         </ion-button>,
 
-        <ion-scroll ref={(scrollEl: HTMLIonScrollElement) => this.scrollEl = scrollEl}>
+        <ion-scroll forceOverscroll={false} ref={(scrollEl: HTMLIonScrollElement) => this.scrollEl = scrollEl}>
           {tabButtons}
           {ionTabbarHighlight}
         </ion-scroll>,