Ionic-framework: bug: ionic 5 refresher not working inside sidemenu (mobile MD mode)

Created on 20 Mar 2020  路  6Comments  路  Source: ionic-team/ionic-framework

Bug Report

Ionic version:
[x] 5.x

Current behavior:
I have an ion-refresher implemented inside the ion-content of an ion-menu. When I'm in mobile MD mode the refresher doesn't appear. However when the screen is large enough that the ion-split-pane kicks in and the menu stays visible, then the ion-refresher works.

Expected behavior:
The ion-refresher to appear in mobile MD mode inside a sidemenu.

Steps to reproduce:
In a new ionic (sidemenu) project, put an ion-refresher inside the ion-content of an ion-menu. When you open the menu in a mobile MD context, try to swipe down to trigger the ion-refresher. You will see the ion-refresher doesn't appear.

Related code:
StackBlitz: https://stackblitz.com/edit/ionic-v5-angular-sidemenu-refresher

Ionic info:

Ionic:

   Ionic CLI                     : 6.2.2 (/Users/michiel/.nvm/versions/node/v12.13.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.5
   @angular-devkit/build-angular : 0.803.25
   @angular-devkit/schematics    : 8.3.25
   @angular/cli                  : 8.3.25
   @ionic/angular-toolkit        : 2.2.0

Utility:

   cordova-res                          : not installed
   native-run (update available: 0.3.0) : 0.2.9

System:

   NodeJS : v12.13.0 (/Users/michiel/.nvm/versions/node/v12.13.0/bin/node)
   npm    : 6.14.2
   OS     : macOS Catalina
core bug

Most helpful comment

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/22446, and a fix will be available in an upcoming release of Ionic Framework.

All 6 comments

Same here! I thought I was going crazy XD

Any news on this or a workaround?

the error continue any help?

A possible workaround is to use the iOS refresher version.
<ion-refresher slot="fixed" mode="ios" (ionRefresh)="refreshNotifications($event)"> <ion-refresher-content></ion-refresher-content> </ion-refresher>

You'll probably also wanna change the refreshingSpinner attribute on the refresher content.

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/22446, and a fix will be available in an upcoming release of Ionic Framework.

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Was this page helpful?
0 / 5 - 0 ratings