I used the Ion-Popover method on a popover instance, and it positioned the popover relative to the element clicked, but I want to center the popover in middle of the viewport, the docs say a click event needs to be passed into the options of the the present method. If the event is not passed, the popover will be positioned in the center of the viewport, and I do not understand what they mean, can someone please elaborate
export default {
components: { IonButton, IonContent, IonPage },
methods: {
async openPopover(ev: Event) {
const popover = await popoverController
.create({
component: Popover,
cssClass: 'my-custom-class',
event: ev,
translucent: true
})
await popover.present();
const { role } = await popover.onDidDismiss();
console.log('onDidDismiss resolved with role', role);
},
}