Ionic Error - fullscreen and ion-refresher don't work together

After adding fullscreen to my ion-content, my ion-refresher is no longer visible. Changing CSS is every way possible doesn’t help. I’ve found this post https://github.com/ionic-team/ionic/issues/10490, which seems to indicate that this is a genuine Ionic bug, but it’s been almost a year and so far I couldn’t find anything else on this: https://github.com/ionic-team/ionic/issues/10490

Does anyone know a workaround? Or any advice will be highly appreciated.

1 Like

Just make the background-color transparent.

  ion-content.has-refresher > .scroll-content{
    background-color: transparent;
  }
1 Like

Just bumped into this issue myself.
The refresher is behind the content, just put it in front of it :

ion-refresher {
  z-index: 1;
}
3 Likes

So this seems like it’s still an issue.

I’ve tried fullscreen on the content… @maronski’s suggestion has issues with content during transitions … @mitch42’s the refresher content is displayed over top of page content.

The only thing I’ve been able to do to get it mostly looking right involves creating an obscure gradient bg for the ion-content so that only the top where the refresher is is actually transparent.

1 Like