Ion-refresher height stays rememberd when removed with ng-if


#1

hey, i have 2 different div’s with lists I show in one view, one div has an ion-refresher and the other div doesn’t. when i visit the div which doesn’t have the ion-refresher and pull down the list it seems like the space for the refresher remains, but i don’t see the icon and it doesn’t collapse. Included screenshot to show you, first the one with the refresher see the active tab:

And the tab without the refresher:


#2

Can you provide a codepen for this?


#3

Here @mhartington you can see that when you visit the second tab you can still pull down as if there was an ion refresher http://codepen.io/sjerd/pen/MYeVZO

opened up 2 new issues on the github


#4

This still seems to be an issue in the latest version of ionic. Has this ever been solved?


#5

I fixed it once i believe by having 2 different ion-contents, not sure anymore. I now changed it to use a slide box

<ion-slide-box  on-slide-changed="slideChanged($index)" show-pager="false" >
	<ion-slide>
		<ion-content class="no-header has-footer">
			 <ion-refresher
				pulling-text="Vernieuwen..."
				on-refresh="doRefreshAlerts()">
			</ion-refresher>
			some list
		</ion-content>
	</ion-slide>
	<ion-slide>
		<ion-content class="no-header has-footer">
			 <ion-refresher
				ng-if="auth"
				pulling-text="Vernieuwen..."
				on-refresh="doRefreshUsers()">
			</ion-refresher>
			some list
		</ion-content>
	</ion-slide>	
</ion-slide-box>

#6

Different ion-contents, of course! should’ve thought of that myself. Thanks.