Content height not updating on rotation

ionic-v1
1

Hello.

I noticed when I start the app in landscape mode and rotate to portrait, there is a gap below the ion-side-menu-content/ion-nav-view area (and I see part of the side menu underneath.

Starting in portrait and rotating in landscape I see related issues: can’t scroll all the way down.

I’m using the latest nightlies.
This is the layout of my page:

<ion-side-menus enable-menu-with-back-views="true">
<!-- Content -->
<ion-side-menu-content watch-menu>
	<ion-nav-bar menu-toggle="left" align-title="center">
	</ion-nav-bar>
	<ion-nav-view>
	</ion-nav-view>
</ion-side-menu-content>
<!-- Menu -->		
<ion-side-menu side="left">
	<div ng-include src="'templates/parts/panel.default.html'"></div>
</ion-side-menu>
</ion-side-menus>

I tried removing the side menu tag and I see the same issue.

Update: I noticed a few things:

  • Removing the side-menu tags (keeping only the nav-bar and nav-view) works for most pages.
    • For pages that have the ion-refresher tag, that also needs to be removed.