Skip to content

bug: Navigating back to a page with refresher & segments breaks scrolling #22616

@AlanAcDz

Description

@AlanAcDz

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

Navigating back to a page that has an ion-refresher and ion-segments, breaks content scrolling on the page.

Expected behavior:

Content should still be scrollable after navigating back to the page with ion-refresher and ion-segments.

Steps to reproduce:

  • Inside an Ionic Angular app, create a page that contains both ion-refresher and ion-segments
  • Navigate to another page and back
  • Pull to refresh
  • Scrolling on that page is now broken

Related code:

Sample app repo

The sample app was created with Ionic CLI using blank template

Other information:

Issue #22590 seems to be related. Although it lacks code reproduction, the issue seems to be encountered when refresher is toggled with ngIf. I did not test that but looks like the issue happens when refresher is repainted, either using ngIf like on that issue, or by navigating to the page like the issue I'm describing.

Ionic info:

Ionic:

   Ionic CLI                     : 6.12.2 (\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.5.1
   @angular-devkit/build-angular : 0.1100.3
   @angular-devkit/schematics    : 11.0.3
   @angular/cli                  : 11.0.3
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.4.4
   @capacitor/core : 2.4.4

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v12.16.3 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.8
   OS     : Windows 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions