Ion tabs off screen when using slot="bottom"

@imaginecreative wrote:

I am having an issue with the tabs bar not showing on a device when using slot=“bottom”. If I switch the slot to top everything shows without any problems.

I have tried using ionic serve and everything works as expected. The tabs page and children do not have any extra code or CSS and I have removed the global styles to check that nothing is accidentally interfering with it.

Here is my tabs page Html:

<ion-tabs>

    <ion-tab-bar slot="bottom" color="primary">
        <ion-tab-button tab="reasons">
            <ion-icon name="home"></ion-icon>
            <ion-label>Reasons2</ion-label>
        </ion-tab-button>

        <ion-tab-button tab="reasons-user">
            <ion-icon name="apps"></ion-icon>
            <ion-label>Favourites</ion-label>
        </ion-tab-button>

        <ion-tab-button tab="reasons-upload">
            <ion-icon name="settings"></ion-icon>
            <ion-label>Upload</ion-label>
        </ion-tab-button>
    </ion-tab-bar>

</ion-tabs>

My idea is that it’s somehow being pushed off the bottom of the screen as slot=“top” is working fine, but maybe I’m missing something else?

Posts: 1

Participants: 1

Read full topic