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.

     // content
    // content
    // content

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

same issue here when using ionic with vue.