ionic-team / ionic-team/ionic-framework

bug: chromium webview, scrolling latches underneath sheet modal

Open
#28,407 18 comments 1 reaction 0 assignees View on GitHub
bug: external
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

The background behind a modal is scrolling with the opened modal on Android, iOS seems to work fine.

https://github.com/ionic-team/ionic-framework/assets/5920762/b40b2fff-8dff-46ab-af18-aefd7f32c57c

### Expected Behavior

The swipe gesture should only affect the modal itself.

### Steps to Reproduce

1. Create a scrollable page
2. Open a modal and scroll it on Android (iOS and desktop work fine)

### Code Reproduction URL

_No response_

### Ionic Info

Ionic:

Ionic CLI : 6.20.8 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : not installed
@angular-devkit/build-angular : 16.2.6
@angular-devkit/schematics : 16.2.6
@angular/cli : 16.2.6
@ionic/angular-toolkit : 10.0.0

Capacitor:

Capacitor CLI : 5.5.0
@capacitor/android : 5.5.0
@capacitor/core : 5.5.0
@capacitor/ios : 5.5.0

Cordova:

Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

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

System:

NodeJS : v18.17.0 (/usr/local/bin/node)
npm : 9.6.7
OS : macOS Unknown
Xcode : Xcode 14.3.1 Build version 14E300c

### Additional Information

Using tricks like disabling the scroll entirely like suggested in [this older issue for iOS](https://github.com/ionic-team/ionic-framework/issues/17971) won't solve the issue because the content inside the modal isn't scrollable anymore then as well.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.