Screen Orientation Bug

Short description of the problem:

WebView is resized to incorrect size after orientation change

What behavior are you expecting?

Expected app to cover entire width of the screen, but the web app (i.e. the WebView) is narrower than the complete width

The problem is that once the device is in landscape mode and the app is started. When programmatically setting the orientation to portrait, it INTERMITTENTLY fails

Steps to reproduce:

• ionic start myApp tabs
• cd myApp
• cordova platform add ios@4.2.0
• cordova plugin add cordova-plugin-screen-orientation
• vim config.xml # add

<preference name="Orientation" value="all" />

• vim www/js/app.js # add in the ready callback

screen.lockOrientation('portrait'); 

• ionic build ios
• Build and run from Xcode

I ran on iPad mini (iPad2,5) with iOS 9.3

Other information:

Couldn’t reproduce the problem with a vanilla Cordova app

Which Ionic Version? 1.3.1

[fmardini]

I tracked this down. cordova-ios sets autoresizesSubviews to true and the screen orientation plugin presents a view controller after forcing orientation (I’m assuming to solve some corner case). This seems to cause a race condition where two resizes trigger at the same time and we end up with the width incorrectly set. When using the plugin the autoresizesSubviews should be set to false in the app delegate

[lambrospetrou]

Actually, it’s not a Cordova problem. It is a conflict between Cordova and a plugin used by Ionic’s project. So it should be fixed by Ionic bundle since the starter app has the problem 😃