Pull to refresh rendering issue


#1

I implemented the pull to refresh:

<ion-view title="Details">
	<ion-content>
		<ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()">
		</ion-refresher>
		<div class="card" >
			<div class="item item-body">
			</div>
		</div>
	</ion-content>
</ion-view>

It’s working fine but the rendering seems weird to me. I don’t know if it’s the correct behavior but the pulling-text is not completly hidden by default. Is it on purpose?


#2

Try wrapping your your cards in a list.

    <ion-content>
      <ion-refresher on-refresh="doRefresh()"
                     pulling-text="Pull to refresh..."
                     refreshing-text="Refreshing!"
                     refreshing-icon="ion-loading-c">
                     
      </ion-refresher>
      <ion-list>
        <div class="card">
  <div class="item item-text-wrap"ng-repeat="item in items">{{item}}</div>
</div>
   
      </ion-list>
    </ion-content>

#3

Thanks It’s working. Any reason why?


#4

Just has to do with padding/positioning stuff.