No back navigation on iPhone

Hello @kay69

Thanks for checking out SuperPWA!

The display property is currently set as standalone for SuperPWA and as you can see this removes the browser UI. On Android this is okay because you can use the phone’s navigation to go back.

But as you noticed, this will be an issue on iOS. The quickest solution is to add a choice in the UI to switch between standalone and browser. But since this is not an option yet (will be added later), you can use the superpwa_manifest filter to change the value of display property.

Ideally, there should be a faux UI to navigate the app, much like normal iOS apps.

Please let me know if you need help using the filter.

Hello @kay69

Please add this code to the functions.php of your active theme. Then deactivate and reactivate SuperPWA plugin. And yes, this will enable the browser UI

You can find the code here: https://ww.wp.xz.cn/support/topic/how-to-use-superpwa_manifest-filter/#post-10654601

I hope that helps. Please let me know how it goes.

Best regards.

Hey Khaled,

I just checked your manifest: https://emalah.com/superpwa-manifest.json . The display says “browser”.

Please note that you have to uninstall your current PWA and then re-install it again. Probably a good idea to clear the browser cache before re-installing.

I was testing your site with Lighthouse and it reported that the display value has to be one of minimal-ui | fullscreen | standalone.

In the code from here: https://ww.wp.xz.cn/support/topic/how-to-use-superpwa_manifest-filter/#post-10654601

Please replace $manifest['display'] = 'browser'; with $manifest['display'] = 'minimal-ui';.

Then please deactivate and reactivate SuperPWA again. Please let me know how it looks like in your device.