ionic-team / ionic-docs

https://ionicframework.com/docs
Apache License 2.0
589 stars 3.04k forks source link

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

Open dartzki opened 4 weeks ago

dartzki commented 4 weeks ago

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

image

Operating System

Linux

Browser

Chrome

Version

130.0.6723.91 (Official Build) (64-bit)

Additional Information

No response