Bug in ion-refresher when used with ion-list


#1

I found a bug in the ion-refresher directive when used with ion-list. If you pull down to refresh, you can see the pull-down text but the updating text+icon disappear when there is an ion-list after the refresher. I removed the list and everything is visible in the ion-refresher.

I added the demo from the ionic github to Codepen : http://codepen.io/anon/pen/HvgjF

If you remove the ion-list, you’ll see it working fine. Tried this in emulator and on device as well (ios) and works nowhere. Couldn’t find a way to fix it unfortunately. Anybody else have better luck?


#2

Hmm, not sure what I should be looking for. I just tried this with the nightly builds and things seem good.


#3

I tried that link and seem to be encountering the same problem. The pull down to refresh text is visible but the updating icon and text are not - tried on Chrome, Safari, iPhone 5S as well. At first I thought it was just me, but I doubt all of my devices could be the problem. It doesn’t show at first (the updating part), then does for around 0.1s before the refresher hides. I will look into it more and update if I find anything.


#4

I am experiencing the same issue. Removing the ion-list after the ion-refresher fixes the display issue. Also, adding an empty div between the two seems to fix the problem. Seems to be a bug.


#5

Interesting, I’ll let the devs know and post an issue for it.


#6

Yes a empty div fixes the problem. Same here…


#7

Yes, that’s one of the workarounds, but it’s more a CSS issue.

You can follow the issue in Github and see some possible fixes: https://github.com/driftyco/ionic/issues/1550