Tengo un popover en ionic, que se activa al pulsar un ion-button
. Al pulsarlo aparece el popover y funciona correctamente, pero en el borde de la pantalla aparece una línea.
Html donde se activa el popover:
<ion-button class="ion-activatable ripple-parent ellipsis" slot="end" fill="clear" (click)="popover($event)" *ngIf="folder == 'Inicio' && this.fbs.email !== undefined">
<ion-icon name="ellipsis-vertical-outline"></ion-icon>
<ion-ripple-effect type="unbounded"></ion-ripple-effect>
</ion-button>
Método que activa el popover:
async popover(ev: any) {
const popover = await this.popoverController.create({
component: PopoverComponent,
event: ev,
animated: true,
showBackdrop: true
});
return await popover.present();
}
He probado a utilizar CSS, comprobar los estilos con el modo desarrollador pero no he conseguido dar con la clave. La documentación no hace referencia a algo así.
A mi parecer, creo que se debe al focus que se le hace al popover, puesto que si el popover se queda abierto y pulso tab la línea desaparece y el popover sigue abierto.
Imagen de ejemplo:
Gracias!