I have a page with a textbox. When the textbox is focused on, the keyboard shows up and the tabs become hidden This is expected behavior. Once I click the check button at the top right portion of the screen, the app navigates to another page. Again, this is intended.
However, once I click the check button while the keyboard is still open, the tabs render on top of the keyboard and this persists onto other pages I navigate to.
I don’t know what’s causing this. Made a reply with the packages in my project.
These are may installed packages.
├── @angular-devkit/architect@0.13.9
├── @angular-devkit/build-angular@0.13.9
├── @angular-devkit/core@7.3.9
├── @angular-devkit/schematics@7.3.9
├── @angular/cli@7.3.9
├── @angular/common@7.2.15
├── @angular/compiler@7.2.15
├── @angular/compiler-cli@7.2.15
├── @angular/core@7.2.15
├── @angular/forms@7.2.15
├── @angular/http@7.2.15
├── @angular/language-service@7.2.15
├── @angular/platform-browser@7.2.15
├── @angular/platform-browser-dynamic@7.2.15
├── @angular/router@7.2.15
├── @ionic-native/camera@5.13.0
├── @ionic-native/core@5.13.0
├── @ionic-native/crop@5.13.0
├── @ionic-native/file@5.13.0
├── @ionic-native/file-path@5.13.0
├── @ionic-native/header-color@5.13.0
├── @ionic-native/http@5.13.0
├── @ionic-native/ionic-webview@5.13.0
├── @ionic-native/splash-screen@5.13.0
├── @ionic-native/sqlite@5.13.0
├── @ionic-native/status-bar@5.13.0
├── @ionic/angular@4.9.0
├── @ionic/angular-toolkit@1.5.1
├── @types/jasmine@2.8.16
├── @types/jasminewd2@2.0.6
├── @types/node@10.14.18
├── codelyzer@4.5.0
├── cordova-android@8.0.0
├── cordova-plugin-advanced-http@2.1.1
├── cordova-plugin-camera@4.1.0
├── cordova-plugin-crop@0.4.0
├── cordova-plugin-device@2.0.3
├── cordova-plugin-file@6.0.2
├── cordova-plugin-filepath@1.5.6
├── cordova-plugin-headercolor@1.0.0
├── cordova-plugin-ionic-keyboard@2.2.0
├── cordova-plugin-ionic-webview@4.1.1
├── cordova-plugin-splashscreen@5.0.3
├── cordova-plugin-statusbar@2.4.3
├── cordova-plugin-whitelist@1.3.4
├── cordova-sqlite-storage@3.3.0
├── core-js@2.6.9
├── date-fns@2.2.1
├── jasmine-core@2.99.1
├── jasmine-spec-reporter@4.2.1
├── karma@4.1.0
├── karma-chrome-launcher@2.2.0
├── karma-coverage-istanbul-reporter@2.1.0
├── karma-jasmine@1.1.2
├── karma-jasmine-html-reporter@0.2.2
├── protractor@5.4.2
├── rxjs@6.5.3
├── skwas-cordova-plugin-datetimepicker@2.0.0
├── ts-node@8.3.0
├── tslib@1.10.0
├── tslint@5.16.0
├── typescript@3.1.6
└── zone.js@0.8.29
Finally found what was causing this issue. It was @ionic/angular 4.9.0 . More specifically, any version newer than 4.6.0. So I’m just using 4.6.0 now.