CODEWITHSUNDEEP
ionic-frameworkhtml5-apps
Tychio
Tychio

Reputation: 627

Ionic add search input and refresher

I using ionic to develop a app. I got into trouble when I added search input and refresher.

For keyboard, Ionic will add some class or inline style to body and ion-content on focus the search input. But there is 'overflow: visible;' on ion-content so that refresher will be uncovered.

a part of my HTML as follow:

<ion-content class="has-header">
    <ion-refresher
            pulling-text="refreshing~"
            refreshing-text="loadding..."
            on-refresh="doRefresh()">
    </ion-refresher>

    <div class="list list-inset">
        <label class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="to search...">
        </label>
    </div>
</ion-content>

How to change HTML structure?

I used a ionic plugin ionic-plugins-keyboard.

Upvotes: 1

Views: 3821

Answers (0)

Related Questions