BUG: ion-menu is transparent in some devices

Hello friends first of all sorry for my english I dont speak very well. I have a APP runing with ionic, the versions are IONIC: 5, Capacitor 3 and Angular 11.

It was runing fine before but today my menu is transparent on the device, when I inspect from chrome is visible there.

Anyone had this problem before?

Here is the HTML Code of my layout:

<ion-split-pane contentId="main-content-app">
  <ion-menu contentId="main-content-app" type="overlay">
    <ion-header>
      <ion-toolbar color="tertiary">
        <ion-title>Estoque Fácil</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item routerLink="/app/home" routerLinkActive="active" routerDirection="root">
          <ion-icon name="home-outline"></ion-icon>
          Home
        </ion-item>
        <ion-item routerLink="/app/balanco" routerLinkActive="active" routerDirection="root">
          <ion-icon name="pricetags-outline"></ion-icon>
          Balanço
        </ion-item>
        <ion-item routerLink="/app/configuracoes" routerLinkActive="active" routerDirection="root">
          <ion-icon name="settings-outline"></ion-icon>
          Configurações
        </ion-item>
        <ion-item (click)="logOff()">
          <ion-icon name="log-out-outline"></ion-icon>
          Sair
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>
  <ion-router-outlet id="main-content-app"></ion-router-outlet>
</ion-split-pane>

Print Screen of the phone and inpect tab:

20210615_1327471900×2262 1.33 MB

1 post - 1 participant

Read full topic