IONIC 3, Fullscreen content behind Tabs

I have Add auto hide hider which is working amazingly based on this tutorial

When I test in browser it was fine, but when I deploy it to phone, the content is fullscreen is eaten by tabs “content behind the tabs”
unless I remove the Fullscreen from “ion-content” then the content back to display properly ,
so the issue with fullscreen doesn’t recognize the tabs in mobile.
I have test it in multiple mobiles still giving me same result.