Ion-refresher pull to refresh text and icon stays without pulling enough

Hi guys,

I have a directive called postlist and it has ion-refresher in it. When I pull it enough, it works fine. However, if I don’t pull it enough and release it, the pull to refresh text icon stays in the page. What am I doing wrong here? Both pagination and refresher works fine if I pull it enough.

<div class="post-list">
    <ion-refresher pulling-text="Pull to refresh..." on-refresh="refreshPosts()">
    </ion-refresher>

    <div class="audio-player">
      <audio id="audio" autoplay preload="auto" controls="controls" autobuffer>
        <source src="{{ ::audioUrl }}" type="audio/mpeg" />
      </audio>
    </div>

    <div class="post-item {{place}} {{post.category && post.category.length > 0 ? post.category[0].name : 'Other'}}" ng-repeat="post in currentPostList" ng-if="place == 'profile'">
      <div class="image">
        <div class="bg">
        </div>

....

<ion-infinite-scroll
    ng-if="moreDataCanBeLoaded()"
    on-infinite="loadMore()"
    icon="ion-loading-c"
    distance="1%">
  </ion-infinite-scroll>
</div>

16