"after upgrade to ios 11.3 web app does not show full screen per apple-mobile-web-app-capable" Code Answer


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.

By juniperi on April 29 2022
Only authorized users can answer the Search term. Please sign in first, or register a free account.