Popover component not working on Android Emulator

Ionic Framework Ionic Angular
1

Hello,

I’ve created a simple app using “@ionicionic/angular”: “^8.0.0” and “@capacitor/core”: “7.4.4”, and added a Popover Component this way :

    <ion-button (click)="presentPopover($event)" slot="end">Test</ion-button>


@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
  imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton],
  providers: [PopoverController],
  standalone: true
})
export class HomePage {

  public popoverController = inject(PopoverController);
  constructor() {}

  public async presentPopover(ev: any) {
    console.log(ev);
    const popover = await this.popoverController.create({
      component: PopoverContentComponent,
      event: ev,
      componentProps: {
        onClick: () => {
          popover.dismiss();
        },
      },
    });
    await popover.present();
  }
}

And this work just fine when i’m running this code in a browser using ionic serve command, but when running on my android emulator (Pixel Tablet API 35 with Android 15.0), it doesn’t show anything. No error in adb logcat, or in chrome inspector.

Does someone have an idea of where it could come from ? I’ve been looking things like the WebView but I still have no solution

Thanks,

2

Solved the problem by adding CommonModule and IonicModule in my PopoverContentComponent