Extra space in the toolbar of footer

[tjpatange]

Bug Report

Ionic version:

4.3.0

**Current behavior:**Extra space under the toolbar of the footer

Expected behavior: No such space irrespective of screen height

Steps to reproduce:

Related code:

insert short code snippets here

<ion-footer [hidden]="selectedData.Cts == 0">
    <ion-toolbar>
      <ion-row>
        <ion-col col-2 text-center>Pcs</ion-col>
       <ion-col col-2 text-center>Cts</ion-col>
       <ion-col col-2 text-center>Disc %</ion-col>
       <ion-col col-3 text-center>Price</ion-col>
       <ion-col col-3 text-center>Amt $</ion-col>
     </ion-row>
     <ion-row>
       <ion-col col-2 text-center>{{selectedData.Pcs}}</ion-col>
      <ion-col col-2 text-center>{{selectedData.Cts}}</ion-col>
      <ion-col col-2 text-center>{{selectedData.Disc}}</ion-col>
      <ion-col col-3 text-center>{{selectedData.Price}} $</ion-col>
      <ion-col col-3 text-center>{{selectedData.Amt}} $</ion-col>
     </ion-row>
 </ion-toolbar>
</ion-footer>

Other information:

This issue is on Iphone XS or may on mobile with safe-area
Also showing the screen shot of mobile on which application is running below:

[tjpatange]

But it is too much, on google chrome it appears proper(in the device toolbar):

Just see the difference between the above picture and the one provided in the
issue

[manucorporat]

yep, @tjpatange I am sorry, my fault. I am looking into it!

[ermamud]

I am having the same issue, I can confirm that is only happening on the iPhone X models, I already tested regular and plus iPhone models and it's not happening. Any idea on the solution timeframe?

Thank you,
Ernesto

[ionitron-bot]

Thanks for the issue! This issue is being closed due to inactivity. 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!