Pull to refresh rendering issue


I implemented the pull to refresh:

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

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?


Try wrapping your your cards in a list.

      <ion-refresher on-refresh="doRefresh()"
                     pulling-text="Pull to refresh..."
        <div class="card">
  <div class="item item-text-wrap"ng-repeat="item in items">{{item}}</div>


Thanks It’s working. Any reason why?


Just has to do with padding/positioning stuff.