Android system ui overlaps our ionic app html content, very frustrating

[paaat]

I found another thread with a suggested solution (modifying StatusBar):

Soft keys in Android obscure the bottom of ion-content

I had the same problem on a nexus 7. I fixed the problem using Immersive Mode: https://developer.android.com/training/system-ui/immersive.html Add StatusBar.hide() to run: .run(function($ionicPlatform) { $ionicPlatform.ready(function() { if (window.StatusBar) { StatusBar.hide(); } ... In platforms\android\src\org\apache\cordova\statusbar\StatusBar.java Change int uiOptions = window.getDecorView().getSystemUiVisibility() | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION …