Footer Bar Disaapper when focus on a input


#1

Hi this is my html

<ion-view>
    <ion-content has-header="true" class="content has-header" scroll="true">
        <ion-scroll>
            <div ng-if="!showList" class="card">
                <div class="item item-divider">
                    Alerji olduğum maddeleri girmem neden önemli? 
                </div>
                <div class="item item-text-wrap">
                    Alerji olduğum maddeler,size sorguladığınız ilaçlarla ilgili daha anlamlı geri dönüşler üretmemiz için gereklidir.
                    Alerji olduğum maddeler <b>doğru girdiğinizden</b> emin olun

                </div>
            </div>
            <div class="list list-inset">
                <label class="item item-input">
                    <i class="icon ion-search placeholder-icon"></i>
                    <input type="search" placeholder="Madde Ara" ng-change="search()" ng-model="data.search"/>
                </label>
                <ul class="list" ng-show="showList">
                    <li  class="item text-info text-center" ng-show="loading">
                        <i class="ion-loading-a"></i> Yükleniyor...
                    </li>
                    <li class="item text-danger text-center" ng-show="notfound">
                        <i class="ion-alert"></i> Aradığınız Etken Maddeyi Bulamadık
                    </li>
                    <li class="item  item-button-right" ng-repeat="ingredient in data.ingredients| filter:allergyFilter">
                        {{ingredient.Name}}
                        <button class="button button-icon pull-right" ng-show="!ingredient.filtered" ng-click="addAllergy(ingredient)">
                            <i class=" ion-ios7-plus-outline"></i>
                        </button>
                    </li>
                </ul>
            </div>
            <div class="list list-inset" ng-show="!showList">
                <div class="item item-divider">
                    Allerjiniz Olan Maddeler
                </div>
                <div class="item item-button-right" ng-repeat="allergy in allergies">
                    {{allergy.Name}}
                    <button class="button button-icon pull-right" ng-click="removeAllergy(allergy)">
                        <i class=" ion-close-circled "></i>
                    </button>
                </div>
            </div>
        </ion-scroll>
    </ion-content>
    <div class="bar bar-footer bar-positive"> 
        <button class="button icon-left ion-chevron-left button-clear" ng-click="back();"> Geri</button>
        <div class="title"></div>
        <button class="button icon-right ion-chevron-right button-clear button-clear" ng-click="next();"> İleri</button>
    </div>
</ion-view>

my problem is that when focusing on search input the footer bar dissapper and never comes again