El ion-footer no se muestra cuando mi ion-content tiene elementos

En este código, el pie de página no aparece:

 <ion-content> <div class="text-center"> <p class="text-gray-800 text-3xl font-bold m-0">{{user.name}}</p> <p class="text-gray-400 mt-2">{{user['custom:role']}}</p> </div> <ion-button expand="block" color="primary">logout</ion-button> </ion-content> <ion-footer> <ion-toolbar> <ion-title>Footer</ion-title> </ion-toolbar> </ion-footer>

Y eso funciona:

 <ion-content> <ion-button expand="block" color="primary" (click)="cognito.logout()">logout</ion-button> </ion-content> <ion-footer> <ion-toolbar> <ion-title>Footer</ion-title> </ion-toolbar> </ion-footer>

He intentado eliminar las etiquetas div y p usando ion-text o eliminar el botón y mantener solo p / ion-text

Pero no puedo hacer que el pie de página aparezca con contenido (excepto el ion-button ) en mi ion-content .

Yo por el momento uso algo de css, sin pie de página de iones. Prefiero encontrar una solución no hacky.