Ionic 6 status bar overlapping app

When using Ionic 6 status bar:
@awesome-cordova-plugins/status-bar”: “^6.2.0”
“cordova-plugin-statusbar”: “^3.0.0”
setting the overlaysWebView to false is not working:


am I supposed to do this differently? not much information in the ionic 6 documentation.

We ended up using md mode on our app, we had the same issue on iOS. overlaysWebView(false) never worked.

All good on Android & Web

export const app = createApp(App)
  .use(IonicVue, { hardwareBackButton: true, mode: 'md' })

1 Like

for anyone looking to fix this issue, I resolved it by implementing:

in the config.xml