Why if the popover action is executed by the item selected with the circle in the image, the popover is shown in the middle of the screen?

Ionic Framework
1

The examples show that the popover appears pointing to the item that triggered it, but in my case it always appears in the middle of the screen, I don’t understand why.

Here is an example of how it is currently displayed.

Captura
Captura795×810 39.1 KB

This is my code:

  public async showActionsProfilePhoto() {
    const popover = await this.popoverController.create({
      component: OptionsHeaderComponent,
    });
    return await popover.present();
  }

<ion-avatar class="photo-header" (click)="showActionsProfilePhoto()">
      <img [src]="photoUser" />
    </ion-avatar>
2

Apologies if you’ve already read this.

3

Thank you, I had not realized that.