RESOLVED MOVED 137145
REGRESSION (iOS 8): Standalone mode shifts the web app content up 
https://bugs.webkit.org/show_bug.cgi?id=137145
Summary REGRESSION (iOS 8): Standalone mode shifts the web app content up
Reza
Reported 2014-09-26 00:46:10 PDT
Starting with ios 8 all webapps (web pages opened in standalone mode) are shifted up by the height of status bar so that the status bar appears over the page and you will have an empty area at the button of the page. the page height is incorrectly reported as 748 in landscape mode of ipad Air. minimal html: ---------------------------------- <!DOCTYPE html!> <html> <head> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-status-bar-style" content="black"/> <link rel='stylesheet' href='site.css'/> </head> <body> </body> </html> ------------------------------ minimal CSS site.css: ------------------------------ html, body{ height:100%; } body{ background-color:blue; } ------------------------------ you would be able to see the white strip on the bottom of the page in standalone mode.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2014-10-03 12:41:17 PDT
<rdar://problem/18541363>
Reza
Comment 2 2014-10-16 17:42:30 PDT
as a workaround, open your web app in portrait mode and then you can rotate it to landscape. it works fine when open the app in portrait mode.
richard
Comment 3 2015-01-31 17:00:19 PST
Is there any chance of getting this fixed? It requires a bunch of annoying workarounds specific to iPad and iOS8. iOS7 works fine, and iOS8 on iPhone doesn't exhibit this problem. Obviously impacting a lot of developers, as lots of stack overlow discussion on the topic.
Simon
Comment 4 2015-04-01 08:07:31 PDT
Still present in 8.2, this happens if the webapp is open when the device orientation is anything but straight (on landscape and in up-side-down portrait). Note that on the first launch from the homescreen, even when the content is not shifted up (in straight portrait mode), the status bar text content is invisible (maybe the same color as the background). Then it appears normally on the next launch.
Brent Fulgham
Comment 5 2022-02-10 15:44:38 PST
The fix for this issue was needed outside the WebKit project, therefore this is being resolved as 'Moved'. This should now be fixed in shipping software.
Note You need to log in before you can comment on or make changes to this bug.