diff --git a/packages/core/src/components/menu/menu.tsx b/packages/core/src/components/menu/menu.tsx index 1e3dd31a3e..00a80d9432 100644 --- a/packages/core/src/components/menu/menu.tsx +++ b/packages/core/src/components/menu/menu.tsx @@ -429,7 +429,7 @@ export class Menu { return { role: 'complementary', class: { - 'menu-enabled': this.isActive(), + 'menu-enabled': this.enabled, 'menu-side-right': this.isRightSide, 'menu-side-left': !this.isRightSide, [typeClass]: true, diff --git a/packages/core/src/components/split-pane/split-pane.scss b/packages/core/src/components/split-pane/split-pane.scss index 23f4c5e7cd..6e030701ea 100644 --- a/packages/core/src/components/split-pane/split-pane.scss +++ b/packages/core/src/components/split-pane/split-pane.scss @@ -20,10 +20,6 @@ $split-pane-side-max-width: 28% !default; contain: strict; } -.split-pane-side:not(ion-menu) { - display: none; -} - .split-pane-visible >.split-pane-side, .split-pane-visible >.split-pane-main { @include position(0, 0, 0, 0); @@ -44,15 +40,11 @@ $split-pane-side-max-width: 28% !default; order: -1; } -.split-pane-visible >.split-pane-main, -.split-pane-visible >ion-nav.split-pane-side, -.split-pane-visible >ion-tabs.split-pane-side, -.split-pane-visible >ion-menu.menu-enabled { - display: block; +.split-pane-side:not(ion-menu) { + display: none; } -.split-pane-visible >ion-split-pane.split-pane-side, -.split-pane-visible >ion-split-pane.split-pane-main { +.split-pane-visible > .split-pane-side { display: flex; }