Tabs Keyboard issue

Hi everybody,
i ve a minor problem with tab view. Everytime i focus an input field the keyboard pops up with the tabs on top

How can I solve this issue


Are this tabs in the footer?

I got curious about your css to make this round tabs…

Code is

<ion-tabs class="tabs-icon-top" ng-controller="ApplicationController" ng-init="init()">

<ion-tab class="first-tab" ... href="...">
    <ion-nav-view name="tab-a"></ion-nav-view>

<ion-tab class="second-tab" ... href="...">
    <ion-nav-view name="tab-b"></ion-nav-view>

<ion-tab class="third-tab"  badge="badge.number" >

   <ion-nav-view name="tab-c"></ion-nav-view>     

Will post the css tomorrow

Checkout the keyboard options and see if they help. Specifically hide-on-keyboard-open. I think you can use that to get rid of the tabs when the keyboard is open.

I also have this problem.
Actually,in full screen it work fine,but if not full screen,when the keyboard open,the whole view of height is adjusted for (sceen’s height-keyboard’s height)…

Not sure how to use


On , because if i add the class to ion-tabs the whole app disappears

Changed to fullscreen --> works fine now

Because if you are debugging in the browser tool,you will see the element have class “tabs” includes the content.
So,don’t want to run full screen, add this css:

.keyboard-open .tabs{
.keyboard-open .has-tabs{

This method worked for me, however on Android sometimes the tabs bar dissapears completely (on a map page)