# "Pull Refresh is displayed at the very first time

**URL:** <https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732>\
**Category:** uncategorized\
**Created:** [December 7, 2014, 3:12pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732 "2014-12-07T15:12:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![priand](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/priand/32/71163_2.png) [@priand](https://forum.ionicframework.com/u/priand)\
**Post date:** [December 7, 2014, 3:12pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/1 "2014-12-07T15:12:16Z")

</div>

The feature works, but the “Pull Refresh” string is displayed at the very beginning, and then disappears properly after the first use:  
 ![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/7653/347e97b413a10904.png)

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [December 8, 2014, 6:22pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/2 "2014-12-08T18:22:27Z")

</div>

Sounds like you’re not wrapping you list items in an ion-list.

> **[Pull To Refresh: Nightly](https://codepen.io/ionic/pen/mqolp)**
>
> Example using ion-refresher for the "pull to refresh" effect...

```auto
    <ion-content>
      <ion-refresher on-refresh="doRefresh()"
                     pulling-text="Pull to refresh..."
                     refreshing-text="Refreshing!"
                     refreshing-icon="ion-loading-c">

      </ion-refresher>
      <ion-list>
        <ion-item ng-repeat="item in items">{{item}}</ion-item>
      </ion-list>
    </ion-content>

```

---

<div class="post-metadata">

**Author:** ![nicraboy](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/nicraboy/32/6917_2.png) [@nicraboy](https://forum.ionicframework.com/u/nicraboy)\
**Post date:** [December 9, 2014, 3:32am UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/3 "2014-12-09T03:32:27Z")

</div>

@mhartington,

I think @priand is trying to use cards rather than list items. I once had tried to add a pull to refresh to a line of cards, but got the same results.

Is there a correct way to do this?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [December 9, 2014, 3:46am UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/4 "2014-12-09T03:46:11Z")

</div>

Still, you should wrap it with an ion-list or `div.list`.

> **[Pull To Refresh: Nightly](https://codepen.io/mhartington/pen/ZYQRep)**
>
> Example using ion-refresher for the "pull to refresh" effect Forked from \[Ionic\](http://codepen.io/ionic/)'s Pen \[Pull To Refresh: Nightly\](http://cod...

---

<div class="post-metadata">

**Author:** ![priand](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/priand/32/71163_2.png) [@priand](https://forum.ionicframework.com/u/priand)\
**Post date:** [December 9, 2014, 4:09pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/5 "2014-12-09T16:09:29Z")

</div>

Thanks, adding an ion-list & ion-item got it to work.

Now, prior to this, I was repeating a ‘div’ containing another ‘div’ with the class “list card”, based on the doc here: [http://ionicframework.com/docs/components/#item-avatars](http://ionicframework.com/docs/components/#item-avatars). Not obvious to know what should be repeated, or when to better use a directive.

---

<div class="post-metadata">

**Author:** ![priand](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/priand/32/71163_2.png) [@priand](https://forum.ionicframework.com/u/priand)\
**Post date:** [December 9, 2014, 4:36pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/6 "2014-12-09T16:36:50Z")

</div>

Also one question: now that I added an ion-list, I’m getting a separator between the items. What is the best way to get rid of it?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [December 9, 2014, 4:48pm UTC](https://forum.ionicframework.com/t/pull-refresh-is-displayed-at-the-very-first-time/13732/7 "2014-12-09T16:48:49Z")

</div>

> [@priand](#):
>
> g a separator between the items. What is the best way to get rid of it?

Not sure I follow, can you provide a codepen?