HyperLife1119 · GitHub

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.

Read the original on github.com ↗