Иони c 4: поповер не работает с правым плавающим - PullRequest
Новая
       4

Иони c 4: поповер не работает с правым плавающим

0 голосов
/ 09 марта 2020

Я пытаюсь показать popover, когда пользователь нажимает на кнопку. Однако, когда я размещаю кнопку справа от экрана, всплывающее окно не отображается.

Это работает, файл: basket.page.html

<ion-button slot="icon-only" shape="round" fill="outline" (click)="presentPopover($event)" >
          <ion-icon button size="large" name="more"></ion-icon>
        </ion-button>
        <ion-card-title>
          {{ basket.name }}
        </ion-card-title>

enter image description here

но это не работает, когда я нажимаю на кнопку, всплывающее окно не отображается. Я только что добавил class="float-right" в тег ion-button. 

<ion-button class="float-right" slot="icon-only" shape="round" fill="outline" (click)="presentPopover($event)" >
          <ion-icon button size="large" name="more"></ion-icon>
        </ion-button>
        <ion-card-title>
          {{ basket.name }}
        </ion-card-title>

enter image description here

У меня есть это в basket.page.ts

async presentPopover(ev: any) {
    this.popover = await this.popoverController.create({
      component: PopoverComponent,
      event: ev,
      translucent: true,
      componentProps: { basketId: this.basketId }
    });
    return await this.popover.present();
  }
...