Side Menu issue after upgrading to Beta 11 (Ionic2)

Hello guys,

Earlier I created a simple project in ionic2 beta-10 version. In beta-10 side menu working properly.

But today I upgraded my project to beta 11 the same code for Side Menu not working. The Navigation drawer from the left side is not working. My most of the navigation is depend upon side-menu in current project.

When I click on navigation drawer button (i.e. three horizontal lines icon) at the upper-left side of the navigation bar, nothing happens. Also if I drag from left to right on the screen, side menu is not opening.

The side menu is not opening on iPad and ionic serve (i.e. browser) too…

If anyone having such problem after upgrading to beta-11.

Anyone know the solution for this??

Related issue created as topic on ionic forum, below is link for reference https://forum.ionicframework.com/t/side-menu-issue-after-upgrading-to-beta-11/59865

Thanks in advance.

[jgw96]

@lufias Ahh i think i may know what the issue is now. Are you using this.navcontroller.setRoot() from your popover? The actual correct way to set the root from an overlay component is this.app.getRootNav().setRoot(). @abartolo That is actually not a workaround but is the correct way to use setRoot from an overlay component like popover now. With beta.11 we changed it to where each overlay component has its own nav stack, which means that to get the NavController of your “root” instead of the NavController of the overlay component you must do this.app.getRootNav(). Hope all this makes sense.

[Barryrowe]

I just confirmed the menu is broken in the conference app as well. If I am in platformiconic=ios, in chrome. I get the same behavior. When I slide out the menu it slides out fine, but then if I click anywhere, it’s a delayed abrupt snap back to closed, and any clicks on the page will cause the menu to open back up. Until I have dragged the menu back to closed from an open position, I cannot click on anything in the main content page.

If I use the menu toggle button during this time, it appears the menu slides too far to the right underneath the content as well…but if I click a couple more times it will toggle “closed” and back open.

I made no modifications to the conference app, I just cloned it, npm installed, and ran

ionic serve --browser chrome