No statusbar padding-top on Android

[ionitron-bot[bot]]

Ionic version: (check one with "x") [ ] 1.x (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [x ] 3.x

I'm submitting a ... (check one with "x") [x ] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:

Ion Header on Android without padding-top for Status Bar when setting StatusBarOverlaysWebView

Expected behavior:

20px padding-top on header bar

Steps to reproduce:

Related code:

<ion-header>

  <ion-navbar>
    <button ion-button icon-only menuToggle>
        <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Page Title</ion-title>
  </ion-navbar>

</ion-header>

Other information:

Tested on: Tablet LG V400 Android 5.0.2 Phone Samsung SM A510M Android 6.0.1

Ionic info: (run ionic info from a terminal/cmd prompt and paste output below):

global packages:

    @ionic/cli-utils : 1.4.0
    Cordova CLI      : 7.0.1 
    Ionic CLI        : 3.4.0

local packages:

    @ionic/app-scripts              : 1.3.12
    @ionic/cli-plugin-cordova       : 1.4.0
    @ionic/cli-plugin-ionic-angular : 1.3.1
    Cordova Platforms               : android 6.2.3 ios 4.3.1
    Ionic Framework                 : ionic-angular 3.5.0

System:

    Node       : v6.5.0
    OS         : OS X El Capitan
    Xcode      : Xcode 8.1 Build version 8B62 
    ios-deploy : 1.9.1 
    ios-sim    : 5.0.13 
    npm        : 3.10.3 

package.json

{
    "name": "app",
    "version": "1.0.0",
    "author": "",
    "homepage": "",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "lint": "ionic-app-scripts lint",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/animations": "4.1.3",
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/action-sheet": "^3.12.1",
        "@ionic-native/android-fingerprint-auth": "^3.12.1",
        "@ionic-native/badge": "^3.12.1",
        "@ionic-native/camera": "^3.12.1",
        "@ionic-native/core": "3.12.1",
        "@ionic-native/device": "^3.12.1",
        "@ionic-native/file": "^3.12.1",
        "@ionic-native/keyboard": "^3.12.1",
        "@ionic-native/network": "^3.12.1",
        "@ionic-native/splash-screen": "^3.12.1",
        "@ionic-native/sqlite": "^3.12.1",
        "@ionic-native/sqlite-porter": "^3.12.1",
        "@ionic-native/status-bar": "^3.12.1",
        "@ionic-native/touch-id": "^3.12.1",
        "@ionic-native/transfer": "^3.12.1",
        "@ionic/storage": "2.0.1",
        "angular2-text-mask": "^8.0.2",
        "cordova-android": "^6.2.3",
        "cordova-ios": "^4.3.1",
        "cordova-plugin-actionsheet": "^2.3.3",
        "cordova-plugin-android-fingerprint-auth": "^1.3.1",
        "cordova-plugin-app-event": "^1.2.0",
        "cordova-plugin-badge": "^0.8.1",
        "cordova-plugin-camera": "^2.4.1",
        "cordova-plugin-compat": "^1.1.0",
        "cordova-plugin-console": "^1.0.7",
        "cordova-plugin-device": "^1.1.6",
        "cordova-plugin-file": "^4.3.3",
        "cordova-plugin-file-transfer": "^1.6.3",
        "cordova-plugin-keyboard": "^1.1.5",
        "cordova-plugin-network-information": "^1.3.3",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "^2.2.3",
        "cordova-plugin-touch-id": "^3.2.0",
        "cordova-plugin-whitelist": "^1.3.2",
        "cordova-sqlite-storage": "^2.0.4",
        "font-awesome": "^4.7.0",
        "ionic-angular": "3.5.0",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionicons": "3.0.0",
        "lodash": "^4.17.4",
        "moment": "^2.18.1",
        "rxjs": "5.4.0",
        "sw-toolbox": "3.6.0",
        "ts-md5": "^1.2.0",
        "uk.co.workingedge.cordova.plugin.sqliteporter": "^0.1.7",
        "web-animations-js": "^2.2.5",
        "zone.js": "0.8.12"
    },
    "devDependencies": {
        "@ionic/app-scripts": "1.3.12",
        "@ionic/cli-plugin-cordova": "1.4.0",
        "@ionic/cli-plugin-ionic-angular": "1.3.1",
        "typescript": "2.3.4"
    },
    "description": "App Seguro: O seu restaurante seguro!",
    "config": {
        "ionic_copy": "./scripts/copy-custom-libs.js"
    },
    "cordova": {
        "plugins": {
            "cordova-plugin-actionsheet": {},
            "cordova-plugin-android-fingerprint-auth": {},
            "cordova-plugin-app-event": {},
            "cordova-plugin-badge": {},
            "cordova-plugin-camera": {},
            "cordova-plugin-compat": {},
            "cordova-plugin-console": {},
            "cordova-plugin-device": {},
            "cordova-plugin-file": {},
            "cordova-plugin-file-transfer": {},
            "cordova-plugin-network-information": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-statusbar": {},
            "cordova-plugin-touch-id": {},
            "cordova-plugin-whitelist": {},
            "cordova-sqlite-storage": {},
            "cordova-plugin-keyboard": {},
            "uk.co.workingedge.cordova.plugin.sqliteporter": {},
            "ionic-plugin-keyboard": {}
        },
        "platforms": [
            "android",
            "ios"
        ]
    }
}

[oal]

This happens in my Ionic 4 beta project also. Maybe the issue in the main repo should be reopened?

[mertaksoy]

Same problem in Ionic 5.

Any updates?

[mertaksoy]

I solved it here.