Threaded View

Answered: Upgrading from 2.0.1.1 to 2.1.0 and viewport children panels are no longer fullscreen

This is not an issue with maximizing the viewport to remove the browser bar. It is specifically related to how the viewport is rendering the panels that are added to it.

What prompted the upgrade to 2.1.0 was during an iOS upgrade from 5.1.1 to 6 the application stopped working properly when calling the .load() method of a data store. The server-side PHP script throws an error that does not occur when calling the same method from iOS 5.1.1 or any other browser. I also started seeing a lot of calls to a url with "undefined" in the uri,. I'm still investigating this and have decided to try upgrading as part of the troubleshooting process. Unfortunately, the upgraded Sencha library causes the application to no longer stretch to fill the screen in any browser.

When viewing the app in Chrome and using the Developer Tools the viewport itself appears to have 100% width and height, but the child panels are not. I haven't explicitly set any fullscreen: true parameters to any of the classes and with 2.0.1.1 the screen is always stretching to fill the viewport.

The application uses the MVC architecture. There is some complexity here as the application uses localStorage while offline, however, that seems to be working just fine and when the device is online it synchronizes with the server and I don't expect it to have any bearing on the layout issues.

I have tried setting fullscreen: true at almost every spot in the application that appeared to be relevant and also set height/width properties, to no avail.

Here's some of the code, hopefully enough to illustrate the first panel that is pushed to the viewport once the user logs in (a simple list).

Is there anything that would have significantly changed to the layout functions between these versions that would have caused this issue? This is my first Sencha Touch app and I was quite happy to finally have completed it, only to have this issue crop up after testing with the iOS 6 devices.

Hi,
Have seen issues posted around upgrades and application components rendering shrunk into the top left hand corner.
If this is your case and you have any custom themeing you will need to recompile your sass files to css.