"after upgrade to ios 11.3 web app does not show full screen per apple-mobile-web-app-capable" Code Answer
3
after hours of troubleshooting i found the following that might be helpful for others.
for android/chrome compatibility, i already had the following in my html file:
<link rel="manifest" href="/manifest.json">
the manifest.json had no "display": "standalone" entry, it just had icons and name defined. it appears that before 11.3 the file was ignored by safari but now it is considered and has precedence over the meta tag apple-mobile-web-app-capable. since the default for display: is browser, the app was opened inside a browser with a navigation bar.
when i added the line "display": "standalone" in the manifest file the problem went away.
after hours of troubleshooting i found the following that might be helpful for others.
for android/chrome compatibility, i already had the following in my html file:
the manifest.json had no
"display": "standalone"entry, it just had icons and name defined. it appears that before 11.3 the file was ignored by safari but now it is considered and has precedence over the meta tagapple-mobile-web-app-capable. since the default fordisplay:is browser, the app was opened inside a browser with a navigation bar.when i added the line
"display": "standalone"in the manifest file the problem went away.