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

v8.7.4

Current Behavior

I have a map page with a sheet modal, the map includes clickable markers and buttons. After I updated "@ionic/angular" to "8.7.4" I cannot press anything behind the sheet modal.
On chrome inspect there's a there's an overlay that doesn't let me click anything behind my modal.
If I remove the modal I can then press the buttons.

Expected Behavior

I expect to be able to press my buttons and markers behind the sheet modal, like on version "8.7.3"

Steps to Reproduce

1. Install an Ionic Angular project
2. Add a sheet modal according to the documentation.
3. Add clickable items on the page.
4. Try to press the buttons that are behind the sheet modal.

Code Reproduction URL

https://github.com/SteliosMoch/modal-overlay-test

Ionic Info

Ionic:

Ionic CLI : 7.2.1 (/Users/stelios/.nvm/versions/node/v22.18.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.7.4
@angular-devkit/build-angular : 19.2.17
@angular-devkit/schematics : 19.2.17
@angular/cli : 19.2.17
@ionic/angular-toolkit : 12.3.0

Capacitor:

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

Utility:

cordova-res : 0.15.4
native-run : 2.0.1

System:

NodeJS : v22.18.0 (/Users/stelios/.nvm/versions/node/v22.18.0/bin/node)
npm : 10.9.3
OS : macOS Unknown

Additional Information

No response