Open Radar

 
Summary:

Mobile web apps would benefit from an option allowing to lock the screen orientation to either portrait, landscape or a combination of these. This would help make them feel more like native apps.

Of course, this would only work for apps which are run in standalone mode. A similar option would be <meta name="apple-mobile-web-app-status-bar-style" content=""> which also only works when the web app is run from the homescreen. Like that, people browsing such a website casually would not be irritated by a it locking the screen orientation, but developers would benefit greatly from this ability.

The most sane syntax would be something like <meta name="apple-mobile-web-app-allowed-orientations" content=""> with the following options:

- `all` (default)
- `portrait`
- `landscape`
- `landscape-left`
- `landscape-right`

The options can then be combined using a comma-separated list, like this:

`<meta name="apple-mobile-web-app-allowed-orientations" content="portrait, landscape-left">`

Using the syntax described above and the provided restrictions developers could benefit greatly without the overall user-experience being deteriorated.

Steps to Reproduce:

1. Create a web app.
2. Rotate to an undesired rotation.

Expected Results:

Apple offers an option to prevent the user from rotating the page to an undesired rotation.

Actual Results:

Apple does not offer such an option.

Regression:

Notes: