svelte-ionic-app
svelte-ionic-app copied to clipboard
IonTabs pushes ion-footer outside the viewport
When I use IonTabs in a +layout.svelte
<ion-app>
<IonTabs
slot="top"
tabs={myTabs}
ionTabsWillChange={logStuff}
ionTabsDidChange={logStuff}
>
<slot />
</IonTabs>
</ion-app>
and ion-content with ion-footer in a +page.svelte that uses the layout
<ion-content>
<h1>Heading</h1>
</ion-content>
<ion-footer>
<ion-toolbar>
<ion-title> Footer </ion-title>
</ion-toolbar>
</ion-footer>
the result is that the footer is pushed beneath the viewport. I expect the footer to always stay visible at the bottom regardless of content or window size. I'm using ionic-svelte 0.5.81 and ionic/core 7.0.3.