I'm using the Dev Alpha to build an application that works in portrait and landscape mode.
In the browser, this works perfectly using the CSS from the kitchen sink example:
http://blackberry.github.com/WebWorks-Samples/kitchenSink/css/css3/mediaquery.css
However, when I use the same CSS in the WebWorks app I'm building it doesn't work. I've opened the resource via the Dev Alpha's browser and it works fine.
The behaviour it exhibits is that the screen will not rotate while in my app. I have to switch to the app switcher / home screen and keep the device rotated, then switch back to the app after the device does the rotation animation.
Once I'm back in the application, my media queries for orientation never take effect. It seems as though the browser is making a "best guess" at what the dimensions should be based on the orientation in which the application was launched.
I have tested that both orientations work fine if the application is launched in the intended orientation. However, upon rotating the device, the application exhibits "odd" rendering behaviour. It's apparent that the orientation event isn't firing, causing the CSS to never be recalculated.
