Skip to content

bug: The refresher is not working properly in the virtual scrolling list of the sheet modal #31332

Description

@HyperLife1119

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

Swiping the screen will most likely not trigger the refresher and will cause the sheet modal to close.

Expected Behavior

Swiping the screen should trigger the refresher and prevent the sheet modal from closing.

Steps to Reproduce

  1. Open Sheet Modal
  2. Swipe down on the screen
  3. Observe if the refresher is working properly

Code Reproduction URL

https://stackblitz.com/edit/ej9efybb?file=src%2Fapp%2Fexample.component.html

Ionic Info

ionic:

   Ionic CLI                     : 7.2.1 (/Users/hyperlife1119/.npm/_npx/f6fddb685269761d/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 8.8.17
   @angular-devkit/build-angular : 20.3.32
   @angular-devkit/schematics    : 20.3.32
   @angular/cli                  : 20.3.32
   @ionic/angular-toolkit        : 12.3.0

Capacitor:

   Capacitor CLI      : 8.3.4
   @capacitor/android : 8.3.4
   @capacitor/core    : 8.3.4
   @capacitor/ios     : not installed

Utility:

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

System:

   NodeJS : v22.22.3 (/Users/hyperlife1119/.local/share/fnm/node-versions/v22.22.3/installation/bin/node)
   npm    : 10.9.8
   OS     : macOS Unknown

Additional Information

I need to implement a virtual scrolling list with pull-to-refresh functionality within a sheet modal.

The expected behavior is that pull-to-refresh should work correctly, and the pull gesture should not close the sheet modal. However, I've found that ion-content-scroll-host and refresher don't work well.

Everything works fine if I don't use virtual scrolling.

Metadata

Metadata

Assignees

Labels

type: buga confirmed bug report

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions