With this post I like to share an experience which I made today.
I'm developing an application that should work on BB6+, Playbook and BB10. In this app I implemented a menuBar with only one menu-item 'Options'.
The menu works in BB6
The menu works in Playbook
The menu doesn't works in BB10 (I don't know why, but I will figure it out)
I use the Ripple Simulator Extension (0.9.5.0) for Chrome. Now, during testing the app with the BB10 Platform, I had a huge simulator device and therefore I changed the zoom settings in Chrome down to 33%. After a while, I switched the Platform back to Webworks-TabletOS (here I changed the zoom to 67%) and on the Console of the simulator the following message was printed:
Unable to create Blackberry/onSwipeDown menu.
#Aaaarg#
I was ABSOLUTELY sure, that I doesn't made any changes to the menuBar! I searched and screamed but it doesn't helped me. Now I started debugging and I found the peace of code in bbui-0.9.3.js who's responsible for this message:
bb.device.isPlayBook = (navigator.appVersion.indexOf('PlayBook') >= 0) || ((window.innerWidth == 1024 && window.innerHeight == 600) || (window.innerWidth == 600 && window.innerHeight == 1024));During creating the menuBar in bbui-0.9.3.js 'bb.device.isPlayBook' must be true, otherwise 'Unable to create....'. If you change the zoom in Chrome, the window.innerHeight and window.innerWidth does not match the values for setting 'bb.device.isPlayBook' to true! For my test's, the zoom in Chrome must be set to 75%.
On a real device, no problems!
So, avoid changing the zoom in Chrome OR remember to turn back the zoom if developing using the Webworks-TabletOS platform.
