[Ionic 4.0.0, beta 8] Menu not working with 2 <ion-split-pane>'s

[JoeBoxr]

Bug Report

Ionic Info
Ionic Framework : @ionic/angular 4.0.0-beta.8
@angular-devkit/core : 0.7.2
@angular-devkit/schematics : 0.7.2
@angular/cli : 6.0.8
@ionic/ng-toolkit : 1.0.0
@ionic/schematics-angular : 1.0.1

Describe the Bug
If you have an ion-split-pane tabbed PWA and place another ion-split-pane on a tab, the Menu and the main ion-split-pane are messed up.

Steps to Reproduce
Steps to reproduce the behavior:

1. Create a tabs project from the iconic v4 templates
2. Place a ion-split-pane with menu on app.component.html
3. Place a ion-split-pane on any tab.
4. Resize the browser and the menu is messed up.

Expected Behavior
Resizing the browser should have the menu disappear and reappear appropriately.

Additional Context
This works fine in Ionic v3

[GuilhermeBCC]

duplicate #15527

[brandyscarney]

Thanks for the issue! Are you still seeing this problem in latest, 4.0.0-beta.16? It seems to have been resolved on the linked duplicate issue. 🙂

[JoeBoxr]

Yes this still exists in beta.16... let me know if you need me to create a test project for you.

[JoeBoxr]

The LEFT menu appears to behave better most of the time while a RIGHT menu on the second splitpane is messed up. This bug report covers that issue #15779

[paulstelzer]

It would be great if you could make a repo so we can take a look at it :) WOuld be the best if you could show issue #15779 inside, too :)