bug: ion-side-menu-content does not adjust switching portrait/landscape mode

[beatgrabe]

My application does not adjust the ion-side-menu-content while switching between portrait and landscape mode. I could observe this issue running the application on an iPad with expose-aside-when="large" with an permanent open ion-side-menu. So starting the application in landscape keeps my content width on portrait mode, but it should be decreased. Starting in portrait mode and switching to landscape should increase the width of ion-side-menu-content. Apparently it does not work!

Futher information:
ionic: 1.2.4.
cordova: 5.4.1
cordova-ios: 3.9.2

Viewport:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/>

[lordgreg]

I'm having the same issue. What I'll currently do is, watch on resize or rotation event, and manually recalucalte ion-content where I find ion-side-menu-content.

[beatgrabe]

Nice hint! That's what i have done so far:

window.addEventListener( "orientationchange", recalculateWidth );
function recalculateWidth( event ) {
    var amount = parseInt( angular.element( "ion-side-menu" )[ 0 ].style.width, 10 );
    var total = parseInt( window.innerWidth, 10 );
    angular.element( "ion-side-menu-content" )[ 0 ].style.width = total - amount + "px";
}

[lordgreg]

@beat-at-hartwig - just updated your code a bit. When switching different sites with such a content, you can have more than one ion-side-menu-content. That's why I suggest you create .length variable and use the for loop and update the width of all occurrences of ion-side-menu-content that you find.

👍

[0pt1m1z3r]

+1

[leonardobazico]

+1

[GenesioValois]

+1

[felly]

Maybe a duplicate of #4898?

[beatgrabe]

Good to know. Have not seen it yet. Thanks. I will give it a try!

[beatgrabe]

Can be closed due to fixes and merges in #4908 and #4898!