bug: ion-tab-bar slot=top is too close to status bar on iPhone 8 Plus

[chuchuva]

Bug Report

Ionic version:
[x] 5.x

Current behavior:
ion-tab-bar slot=top is too close to status bar on iPhone 8 Plus. It almost overlaps it:

Expected behavior:
There should be spacing above the tab bar.

Steps to reproduce:

• Position tab bar on top using slot="top" attribute.
• Open the app

Related code:

<ion-tabs>
  <ion-tab-bar slot="top">
    <ion-tab-button tab="tab1" layout="icon-start">
      <ion-icon name="home"></ion-icon>
      <ion-label>Home</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab2" layout="icon-start">
      <ion-icon name="star"></ion-icon>
      <ion-label>Favorites</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab3" layout="icon-start">
      <ion-icon name="square"></ion-icon>
      <ion-label>Tab 3</ion-label>
    </ion-tab-button>

  </ion-tab-bar>

</ion-tabs>

Ionic info:

Ionic:

   Ionic CLI                     : 6.9.2 (/Users/pavel/.nvm/versions/node/v12.16.3/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.803.26
   @angular-devkit/schematics    : 8.3.26
   @angular/cli                  : 8.3.26
   @ionic/angular-toolkit        : 2.2.0

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0, ios 5.1.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 15 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 1.0.0

System:

   ios-sim : 8.0.2
   NodeJS  : v12.16.3 (/Users/pavel/.nvm/versions/node/v12.16.3/bin/node)
   npm     : 6.14.4
   OS      : macOS Mojave
   Xcode   : Xcode 11.1 Build version 11A1027

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please provide a reproduction with the minimum amount of code required to reproduce the issue. Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Thanks for the issue! This issue is being closed due to the lack of a code reproduction. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!