fix(nav, router-outlet): ios page transition does not cover menu on larger screens

core/src/components/split-pane/split-pane.scss

@@ -49,6 +49,16 @@
 
 :host(.split-pane-visible) ::slotted(.split-pane-main) {
   flex: 1;
+
+  /**
+   * Content can overflow outside of a router outlet
+   * or a nav container to allow for the translucent
+   * tab bar effect to work. However, this can cause
+   * iOS page transitions to flow outside of the container
+   * and overlap the menu on larger viewports. As a result,
+   * we disable the overflow when that is the case.
+   */
+  overflow: hidden;
 }
 
 :host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),