svelte-ionic-app icon indicating copy to clipboard operation
svelte-ionic-app copied to clipboard

IonTabs pushes ion-footer outside the viewport

Open andrewbwogi opened this issue 2 years ago • 4 comments

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.

andrewbwogi avatar Jun 04 '23 06:06 andrewbwogi