How to hide tabs when keyboard open?

ionic-v1
1

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’, ‘’);
});

4 Likes
2

It works. Thanks a lot.

3

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

6

@iamlaobie works great. Thanks.

7

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.

8

Hello @Emozaiki, here have a ‘hack’ solution in ionic 2:
https://github.com/driftyco/ionic/issues/7047 .

9

works perfect , thank you :slight_smile:

10

why not work for me this code

11

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