Why do Ionic header and footer fade in before ion-content?

Hi, I am following the structural preferences that ionic provides but when I go to a page the first thing to fade in are the ion-footer, and ion-header and quite later follows the ion-content, and when we go back from a page the first to fade-out is ion-content than later follow ion-header and ion-footer, which make the app look really bad.

  <ion-header>
    <ion-toolbar>
     // content
    </ion-toolbar>
  </ion-header>
  <ion-content>
    // content
  </ion-content>
  <ion-footer>
    // content
  </ion-footer>

Do you guys have any fixes, workarounds or suggestions about this problem?

same issue here when using ionic with vue.