iPhone Status Bar (Problem with top positioned tabs)


my app structure is based on the default “tabs layout”. The only difference is that i positioned the tabs to the top with (slot="top").

Recently i switched to capacitor, where the native status bar plugin does not have the method StatusBarOverlaysWebView(boolean) anymore.

I am a bit confused how to continue, because the status bar on iPhone overlays the webview. The default <ion-header> of the page adds padding to solve this problem, but my tabs are above them, so the tabs underlay the status bar.

I think you will understand it better with my screenshots.

17 03

If i remove the slot="top" key from the tabs it would work perfectly, but that destroys my design.

Please help me.

Thanks in advance.

Best regards,