I have tabs which contain their own ion-nav-view. When you click on the tab it loads that view into it’s ion-nav-view. This all works fine. Inside the tab that is loaded is a form and I would like to hide the Tabs when the keyboard is shown. The documentation says to use class=“hide-on-keyboard-open” however, if I put this on the TABS class below then it contains the child view that is loaded so the whole view dissappears when the keyboard is shown, which is not what i want. So how can i tell just the Tab Bar to disappear when the keyboard is shown?
You have to add this CSS. The only bug I can see is when using angular Google maps and the tab bar with an input on Android; the tabs do not reappear when the keyboard closes (works fine on other platform and screens)
Sorry for bumping this thread, but I solved the problem with the script @perqa wrote.
On Android, when keyboard shows the tab becomes a white tab bar instead of really hiding until user begins typing or selecting another input text area.