Safari mobile seems to ignore the browser object's Request Fullscreen action and, in turn, ignores the Lock Orientation action as well. So, when loading up any C2 game exported as an HTML5 website on an iPhone you get an address bar at the top and a bar with other options at the bottom, which combine to obscure the heck out of my game and make it unplayable.
Switching orientations by rotating the phone will temporarily hide the bars, but this isn't particularly useful since touching anywhere near the top or bottom of the screen causes the bars to reappear. Moreover, my game is supposed to be locked to landscape orientation so rotating the phone as a "solution" shouldn't really be possible. I've setup some events that pause the game and instruct users to switch to landscape orientation if their device is in portrait mode, but I consider this an unprofessional workaround.
This isn't a problem in most browsers, nor is it a problem with native apps, but mobile browsers and Safari in particular seem to have constant issues with orientation locking and hiding address bars. Earlier this year there was a Safari-related bug that created a fixed gray bar across the bottom of the screen, for example. Occasionally I'll hear about a workaround or hack to bypass these issues, but then a new version of Safari or C2 hits and breaks everything again.
Does anyone know of a reliable way to: hide Safari's address bars, reliably request fullscreen and lock the orientation in Safari, and/or prevent the address bars from reappearing when touching near the top or bottom of the screen? Can I expect the solution to last or are we perpetually at the mercy of Apple's new iOS and browser versions which will inevitably break our fixes?