Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[4.0.0-rc.0] iOS: ion-refresher not working after page change

See original GitHub issue

Bug Report

Ionic version: [x] 4.x

Current behavior: ion-refresher works for the first time visiting the page. Once we go to some other pages and come back, the ion-refresher doesn’t work anymore on iOS. Works as intended on Android.

Expected behavior: ion-refresher should work after page changes

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.2.1
   Ionic Framework               : @ionic/angular 4.0.0-rc.0
   @angular-devkit/build-angular : 0.7.0-rc.3
   @angular-devkit/schematics    : 0.7.0-rc.3
   @angular/cli                  : 6.2.3
   @ionic/angular-toolkit        : not installed

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 16 other plugins)

System:

   ios-deploy : 1.9.4
   NodeJS     : v10.10.0 (/usr/local/Cellar/node/10.10.0/bin/node)
   npm        : 6.4.1
   OS         : macOS High Sierra
   Xcode      : Xcode 9.2 Build version 9C40b

Issue Analytics

State:
Created 5 years ago
Reactions:2
Comments:13

Top GitHub Comments

9reactions

kinggolfcommented, Jan 18, 2019

FYI - by adding style="z-index: 0;" to ion-content tag as below, ion-refresher works properly throughout my app for all platforms, iOS, Safari, Android, & Chrome with V4.0.0-rc.2.

    <ion-content class="icviewa" style="z-index: 0;">
      <ion-refresher (ionRefresh)="uLbds($event)">
        <ion-refresher-content></ion-refresher-content>
      </ion-refresher>

The ion-refresher works properly, per this issue, which triggered the ion-refresher css to change.

2reactions

buuug7commented, Sep 20, 2019

look this comment, I think it will solve your problem @neontuna @maxtacco

Top Results From Across the Web

[4.0.0-rc.0] iOS: ion-refresher not working after page change

With 4.0.0-rc.2 I am not seeing the refresh icons on either iOS or Safari, but it's OK on Android and Chrome. The issue...

Ionic 4 Refresher Not Working? - Stack Overflow

I'm trying to implement a pull to refresh functionality to my app, but ion-refresher does not seem to be functional. Could it be...

ion-refresher: Pull-to-Refresh Page Content on Ionic Apps

ion-refresher provides pull-to-refresh functionality on content components. Learn how this lets users pull down on a page using touch to retrieve more data....

ion-refresher background color - You.com | The search engine you ...

I'm currently experiencing some problems in combination of ios large title and ion refresher (repo attached):. I have color="primary" defined on both Toolbars, ......

@ionic/core | Yarn - Package Manager

Ionic is an open source app development toolkit for building modern, fast, top-quality cross-platform native and Progressive Web Apps from a single codebase ......