IPhone5-Bottom of game cut off. No plugins example

I sincerely hope everything is okay right now with .capx and you could take a look Ashley as this bug is pretty serious.

Link to .capx file (required!):

dropbox.com/s/al1e1n4dr80y7le/NoPluginsExample.capx

Steps to reproduce:

Run the game on iphone5

Observed result:

dropbox.com/s/ir8u2lfz561z013/photo.jpg

Expected result:

Screen shouldnt be cut off on the bottom, should look like this:

dropbox.com/s/1z03l3auqd3wplg/Screenshot%202013-10-18%2021.24.02.png

Browsers affected:

Chrome: no

Firefox: no

Internet Explorer: no

Operating system & service pack:

iphone 5 with ios6 and ios7

Construct 2 version:

any but ive used 139-146

Edited out.

Disregard what I said earlier about letterbox. I got report from 3 separate publishers it doesnt fix issue and seen it on friends phone.

I have been able to reproduce this on an iPhone 4S running iOS 7 only. We don't have an iPhone 5 to test on right now, but I believe it's the same issue. I was unable to reproduce on iPad, nor on the iPhone with iOS 6, or on any Android device at all. So it appears limited to iPhones with iOS 7 only.

As far as I can tell this is not a Construct 2 bug. It is simply the unfortunate way that Safari on iOS 7 works. When on the iPad the UI bars are locked in-place and never come and go. However on the iPhone Safari iOS7 implements a fullscreen-when-in-landscape mode, unless the user touches near the top or bottom of the screen, in which case it brings the UI bars back. Worse, the UI bars float over the game content area. So Safari is telling the game that the available size of the window is an area including that which the toolbar covers. Therefore the game is taking the correct size that it is being told to, but Safari then covers up part of the game with its own UI, creating the "cut off" appearance.

We are not aware of any technical means by which we can work around this. We understand it is also affecting many other developers and publishers using other HTML5 engines (see: http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review, http://www.html5gamedevs.com/topic/1436-ios7-is-going-to-break-your-games/). However there is one workaround the user can do: rotating the device to portrait then back to landscape restores the fullscreen view, without cutting off any of the game with toolbars. However as soon as the user touches near the top or bottom again, the toolbars come back and the same problem occurs.

A way to make the problem less likely to occur is to move all buttons and controls closer to the middle of the screen. Some of your buttons, such as the "Continue" button on the Storyline layout, sit mostly within the bottom area where a touch brings back the toolbars. If it were moved closer to the middle of the screen, touching it would probably not bring the toolbars back; unfortunately, if the user even accidentally touches near the top or bottom, or the gameplay requires it, the toolbars come back again and the user must go portrait then landscape to remove them again.

Since we are not aware of a good way to work around this from our engine, all we can recommend is that you and all your affected sponsors and publishers petition Apple to fix the problem. If they implemented the Fullscreen API, which Construct 2 has supported for a long time, the problem would almost certainly be resolved. This would allow you to explicitly switch in to fullscreen using the Browser object's 'Request fullscreen' action, which is supported in Chrome for Android and a few other platforms. This allows fullscreen (and in some cases, orientation-locked) display without ever showing any toolbars, unless the user performs a specific gesture (e.g. swipe down from top in Chrome for Android). So perhaps implement fullscreen support this way, testing on Chrome for Android, and petition Apple to add fullscreen API support. If they do and your game already supports it then it will be fixed as soon as Apple adds support.

Like I said in my first post - it also happens on ios6 with iphone5 so I think it would be great to investigate bit further whats going on.

I can also confirm one dev was able to make game work on fullscreen with this piece of "code" wchich I applied to my own game

dropbox.com/s/fnpaxjwgw731oba/Screenshot%202013-10-22%2020.28.13.png

I dont know wchich scale mode he used but im looking into solutions.

I could not reproduce any issue when testing on iOS 6, but it doesn't seem like it matters much, since everyone will be on iOS 7 soon enough anyway.

The events you posted don't look reliable - it looks like it'll break the landscape fullscreen mode, and it will be brittle (since it depends on hard-coded numbers which could easily change in later releases). So we wouldn't want to build something like that in to the engine, although you can try to hack something like that with events if you want.

I would reiterate this is a problem with Safari on iOS 7 - anything that runs in the browser will be affected, not just Construct 2 games.

Add to home screen seems to take care of the Safari issues on Ipad.

Ashley do you understand iphone5 with ios6 is broken? (According to my clients and materials they sent me)

Im not talking only about ios7. We can drop discussion about it already i understand your reasoning.