Ionic 4 header and footer

Ionic 4 is giving me some very strange behaviour which is halting progress.

The tab navigation works well, however within each tab the navigation is behaving strangely.

I am using the nav Ctrl which uses the angular router to navigate using either:
-navigateForward

  • goBack

The back behaviour is the odd part and I cannot find a fix. When I call it, the back navigation animation works fine, however the header from the page stays in place, and sometimes the footer as well. They cover the new pages header and footers (ion-header and ion-footer), until i tap somewhere on the page. Then the finally disappear.

What is going on?