bug: ion-content goes over ion-tab-bar when setup with router

[dartzki]

Describe the Bug

Using the basic ion-tab-bar layout with IonReactRouter, the IonContent Component goes over the Tabbar when the is placed in the bottom slot.

Can be reproduced with the Tabs Layout react example from the Layout/Structure Guide Page in Stackblitz:
https://ionicframework.com/docs/layout/structure#tabs-layout

Strangely the problem cannot be observed in the preview directly displayed on the page, but only when displayed in stackblitz.

Also the problem ist not reproducible using the vue stackblitz app.

Expected Behavior

The IonContent should not overlap with the IonTabBar in bottom slot

Steps to Reproduce

Stackblitz example from https://ionicframework.com/docs/layout/structure#tabs-layout

Screenshots

Operating System

Linux

Browser

Chrome

Version

130.0.6723.91 (Official Build) (64-bit)

Additional Information

No response

[thetaPC]

Thank you for submitting this issue! I was able to reproduce it and verified that it only happens on React when using the router. However, it's not coming from this repo instead it's coming from Ionic Framework repo. I'll be transferring it over to it.