Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

I'm able to reproduce the issue #21193 on my iPhone with a fresh project created using ionic start using @ionic/angular@7.5.1

But this should be fixed on PR #26976, so I'm opening this issue.

Expected Behavior

To achieve the desired result, I added 'overflow-y: hidden' to the 'menu-content-open' class in my global.scss file. If necessary, I'd be happy to submit a pull request to include this change in core.scss as well.

global.scss

.menu-content-open { overflow-y: hidden; }

Steps to Reproduce

1. create a new project with sidemenu template
2. install and open on an iPhone
3. try to scroll down the main content while opening the side menu

Code Reproduction URL

https://github.com/arthurrmp/sidemenu-test

Ionic Info

Ionic:

Ionic CLI : 7.1.1 (/Users/arthur/.nvm/versions/node/v18.16.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.5.1
@angular-devkit/build-angular : 16.2.7
@angular-devkit/schematics : 16.2.7
@angular/cli : 16.2.7
@ionic/angular-toolkit : 9.0.0

Capacitor:

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

Utility:

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

System:

NodeJS : v18.16.0 (/Users/arthur/.nvm/versions/node/v18.16.0/bin/node)
npm : 9.5.1
OS : macOS Unknown

Additional Information

No response