[Ionic pwa without cordova] statusbar problem on android


#1

I’m not using cordova.

On ios, my ionic app always shows the status bar however on android the status bar is hidden until I focus an input component. The status bar appears over my search bar.
If possible how can I hide the statusbar completely ? otherwise how can I make it always shown like ios.

Edit: It seems like ios ignores “display”: “fullscreen” on manifest.json.


#2

Not sure, fullscreen is like the “highest” option for the display parameter https://developer.mozilla.org/fr/docs/Web/Manifest

When I tried these options I’ve to say I wasn’t that convinced by the result of fullscreen and I went back to standalone

P.S.: in this blog http://blog.dialogic.com/blog/progressive-web-apps-full-screen the addition of <meta name="apple-mobile-web-app-capable" content="yes"> is mentioned, may that help?


#3

thanks, I will try “standalone” and I’ll let you know.

my main problem is android btw . the app is fullscreen until I focus the search bar.


#4

maybe standalone will solve that, let me know

if not, maybe try navbar instead of toolbar or toolbar instead of navbar (just a spontaneous idea)


#5

yes standalone solved the problem :slight_smile:


#6

cool and thx for the feedback, it confirms my thought/test, fullscreen has some weird effects :wink:


Ionic 3 PWA -> iOS 11.4.1 issues