diff --git a/src/app/app.scss b/src/app/app.scss
index dadf2360d..b75aebfeb 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -815,3 +815,7 @@ ion-alert.core-inapp-notification {
     font-size: 16px;
   }
 }
+
+body.keyboard-is-open core-ion-tabs .tabbar {
+    display: none;
+}
\ No newline at end of file
diff --git a/src/providers/app.ts b/src/providers/app.ts
index bac647c0a..cb449cbb6 100644
--- a/src/providers/app.ts
+++ b/src/providers/app.ts
@@ -77,6 +77,7 @@ export class CoreAppProvider {
         this.keyboard.onKeyboardShow().subscribe((data) => {
             // Execute the callback in the Angular zone, so change detection doesn't stop working.
             zone.run(() => {
+                document.body.classList.add('keyboard-is-open');
                 this.isKeyboardShown = true;
                 events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
             });
@@ -84,6 +85,7 @@ export class CoreAppProvider {
         this.keyboard.onKeyboardHide().subscribe((data) => {
             // Execute the callback in the Angular zone, so change detection doesn't stop working.
             zone.run(() => {
+                document.body.classList.remove('keyboard-is-open');
                 this.isKeyboardShown = false;
                 events.trigger(CoreEventsProvider.KEYBOARD_CHANGE, this.isKeyboardShown);
             });