Ionic 8 ion-split-pane + another ion-menu doesn't work

Ionic Framework Ionic Vue
1

Hi,

We currently use Ionic v7 on our app and wanted to upgrade to v8, but we are facing an issue with the ion-split-pane and ion-menu, it worked fine on v7 but doesn’t work anymore on v8.
Our app use a ion-split-pane to display the main navigation menu on the left and the page on the other part of the ion-split-pane. And we chose to open another menu on the right side inside the ion-split-pane to perform some actions as create a new order.

There is a stackblitz showing the issue: Ion menu v8 - StackBlitz
And this one working fine on Ionic v7: Ion menu v7 - StackBlitz

We could open right side menu on v7 but not anymore on the new version, is it because of a new v8 DOM architecture constraint or is it an issue?

2 Likes
2

Hello, have you fixed this? I’m having the same issue here.

If the ion-split-pane is hidden, then it works fine, but when it’s visible, the other menu can’t open.