Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Persisting Address Bar in iOS 13.2 after 'Adding To Home Screen'

Since upgrading iPads to iOS 13.2, websites that have been 'added to home screen' and are in 'guided access' mode show a persisted address/tool bar. We have the proper meta tags, i.e.

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

but are still seeing the address/tool bar:

enter image description here

Any insight would be greatly appreciated.

like image 419
amliving Avatar asked Nov 11 '19 21:11

amliving


People also ask

Are there any issues with iOS 13 shortcuts?

While Apple and the Shortcuts team have done wonders for the iOS 13 release, there seem to be some issues. For one, the first release of the beta software saw many custom-built Shortcuts become broken.

How do I fix mail not responding on iOS 13?

Delete the Mail app and reinstall it! If you have iOS 12, iOS 13, or iPadOS 13, you can delete (and then reinstall) the Mail app from your device! Deleting and reinstalling the Mail app often solves these types of issues. So give it a try!

Are there any mail bugs in the iOS 13 update?

It appears that some Mail bugs reported in the prior version of iOS 13 were not addressed in a systematic fashion in the current update. The latest update iOS 13.2.3 and iPadOS 13.2.3 has solved a lot of the Mail related issues including Search feature and refresh issues.

Why are my screenshots showing the same black bar in Safari?

As soon as the scrolling is disabled, Safari stops rendering the lower area which would be covered by the expanded iOS UI, leaving behind the same black bar as you're showing in your screenshot. Setting html.style.height to 100vh while the body is set to position: fixed seems to fix the issue.


Video Answer


1 Answers

The solution was to add a manifest.json file with "display": "standalone".

like image 142
amliving Avatar answered Nov 14 '22 23:11

amliving