How to hide tabs when keyboard open?

add js in your $ionicPlatform.ready:
window.addEventListener(‘native.keyboardshow’, function () {
document.querySelector(‘div.tabs’).style.display = ‘none’;
angular.element(document.querySelector(‘ion-content.has-tabs’)).css(‘bottom’, 0);
window.addEventListener(‘native.keyboardhide’, function () {
var tabs = document.querySelectorAll(‘div.tabs’);
angular.element(tabs[0]).css(‘display’, ‘’);


It works. Thanks a lot.

Thanks a whole lot @iamlaobie U saved my day. Bless U!

@iamlaobie works great. Thanks.

Hi I’am new in ionic.Can you tell me where did i put those code.I’am using ionic 2 .

Thank you in advance.

Hello @Emozaiki, here have a ‘hack’ solution in ionic 2: .

works perfect , thank you :slight_smile:

why not work for me this code

i am working on ionic v1.i working on android
my issue is when i open keyboard than tabs covering full size how to fix this problem can someone tell me.
…thanks in advance