IonTabButton overlapping IonTabBar

Ionic Framework Ionic React
1

I would like to do the same like [here, 2020] and [here, 2016] : One IonTabButton should overlap the IonTabBar. I can’t get this workarount to work. AIs also only suggest setting overflow: visible on ion-tab-bar and ion-content, but that still doesn’t help. z-index, too.

ion-tab-bar {
  overflow: visible;
}

ion-tab-button {
  z-index: 2147483647;
}

Does anyone know a prettier or simpler solution?"
The workaround with IonFab doesn’t work either – it appears below the IonTabBar, even with a higher z-index.

2

Now I got it. The Fab has to be outside of the IonTabs but inside the IonRouterOutlet.