"Add to home screen" webapp sites are letterboxed on iPhone 5

Originator:henderson.wj
Number:rdar://12401823 Date Originated:2012-09-29
Status:Open Resolved:
Product:iOS Product Version:6.0 (10A405)
Classification: Reproducible:Yes
 
Summary:
For sites using...

<meta name="apple-mobile-web-app-capable" content="yes">

...launching from the home screen on the iPhone 5 results in a letterboxed presentation (rather than taking full advantage of the iPhone 5's screen height).

Steps to Reproduce:
On the iPhone 5, in Mobile Safari, click the "share" icon in the bottom toolbar. Select "Add to Home Screen". Add. Launch the newly saved site from its home screen icon. It will be letterboxed.

Here is a basic test:
http://extrafantastic.com/junk/iphone5-webapp-test.html

Expected Results:
An 'apple-mobile-web-app-capable' website saved to the home screen on the iPhone 5 should take full advantage of the vertical height of the iPhone.

Actual Results:
An 'apple-mobile-web-app-capable' website saved to the home screen on the iPhone 5 does not take full advantage of the vertical height of the device. It is instead letterboxed, appearing like an app that has not been optimized for the iPhone 5's larger display.

Regression:

Notes:

Comments

Has this issue been resolved in iOS 7?

I can confirm that this issue has been resolved in iOS 7, however if your web app was already added to the home screen you must remove the current home screen icon and add a new home screen icon to remove the letter-boxing issue.

By bdaniels at Oct. 4, 2013, 7 p.m. (reply...)

Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!