FabButton zindex problem inside card

Hello guys,

someone know how the buttons of ion-fab-list, when are in card, don’t show all? I already try to use z-index: 9999, but dont work…

Here is my item:

   <ion-item detail-none  color="none" class="buttonCard">
    <ion-thumbnail item-start item-left>
      <img src="assets/imgs/logo-parceiro.jpg" />
    <div class="espaco-fab">
      <p class="titulo-estabelecimento">
       Thiago Lanches Aqui
     <p class="descricao-estabelecimento">Ruax, Cohab, Perto do Bar .</p>
     <div class="restaurante-infos">
      <ion-icon name="ios-cash-outline" align-items-end class="icon-relogio"></ion-icon> R$2,50

  <ion-fab class="fab-space" item-end right edge>
    <button ion-fab mini><ion-icon name="call"></ion-icon></button>
    <div class="test">
    <ion-fab-list side="bottom">
      <button (click)="ligar(0+tel['telefone'])" ion-fab>
        <ion-icon name="call"></ion-icon>


Someone? I cant find a solution. Maybe is a bug?

I have the same problem, does anyone have the solution?

I just came up with the solution, you just have to give the visible property to the card when it’s overflow

<ion-card style = "overflow: visible;">

1 Like

this worked. thank you :slight_smile: