Error with iPhone X & iPhone XS with the tab bar

Ionic Framework ionic-v3
1

Hi everyone,
I am facing a design problem in the devices iPhone x and iPhone xs with the tab bar
is conflicting with the bar time on the device.

Screen Shot 2020-03-20 at 1.48.38 PM Screen Shot 2020-03-20 at 1.49.18 PM

2

we need way more Info…

Please share the HTML Code of the Pages that don’t work

3

this HTML of the view, what does that contain the element ion-searchbar

<ion-header>
  <ion-searchbar [(ngModel)]="searchTerm" showCancelButton="always" placeholder="Buscar por nombre ..." [formControl]="searchControl"></ion-searchbar>
</ion-header>
<ion-content scrollable="false" fixed >
  <div class="alert-content">
    <div class="avatar-pop-up"> .......

and the option < back is with the function this.navCtrl.push(NamePage)

4

i’m not sure if this is needed, but can you try to wrap the searchbar in an toolbar like:

<ion-header>
  <ion-toolbar>
    <ion-searchbar></ion-searchbar>
  </ion-toolbar>
</ion-header>
5

You could try force restarting your iPhone and then to see if it still conflicts in the bar. Or you can use iOS system repair tools such as TunesKit iOS System Recovery to fix it if it is caused by ios system glitches.