Ion-fab not fixed on bottom when i scrolling the screen


#1

My html

    <ion-fab vertical="bottom" horizontal="end" activated="true" edge slot="fixed">
      <ion-fab-button>
        <ion-icon name="arrow-dropup"></ion-icon>
      </ion-fab-button>
      <ion-fab-list side="top">
        <ion-fab-button (click)="delete()" color="danger">
          <ion-icon name="trash"></ion-icon>
        </ion-fab-button>
        <ion-fab-button (click)="cancel()" color="warning">
          <ion-icon name="close"></ion-icon>
        </ion-fab-button>
        <ion-fab-button (click)="save()" color="success">
          <ion-icon name="checkmark"></ion-icon>
        </ion-fab-button>
      </ion-fab-list>
    </ion-fab>

anyone cay hepm me?
Thanks, Caio Domingos


#2

It was missing putting it inside an ion-footer

<ion-footer>
  <ion-fab vertical="bottom" horizontal="end" activated="true" slot="fixed">
    <ion-fab-button>
      <ion-icon name="arrow-dropup"></ion-icon>
    </ion-fab-button>
    <ion-fab-list side="top">
      <ion-fab-button (click)="delete()" color="danger">
        <ion-icon name="trash"></ion-icon>
      </ion-fab-button>
      <ion-fab-button (click)="cancel()" color="warning">
        <ion-icon name="close"></ion-icon>
      </ion-fab-button>
      <ion-fab-button (click)="save()" color="success">
        <ion-icon name="checkmark"></ion-icon>
      </ion-fab-button>
    </ion-fab-list>
  </ion-fab>
</ion-footer>