Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
dartzki opened this issue Nov 1, 2024 · 0 comments
Open

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

dartzki opened this issue Nov 1, 2024 · 0 comments
Labels
triage New issues

Comments

@dartzki
Copy link

dartzki commented Nov 1, 2024

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

@dartzki dartzki added the triage New issues label Nov 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage New issues
Projects
None yet
Development

No branches or pull requests

1 participant