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.x
Current Behavior
Background content in sheet modals is not interactive if the sheet modal is in a child route.
Expected Behavior
Background content in sheet modals should be interactive if the sheet modal is in a child route.
Steps to Reproduce
- Install an Ionic Angular project
- Create a child route.
- Add a sheet modal according to the documentation to the child route.
- Add RouterOutlet to parent
- Add clickable items on the parent route.
- Try to press the buttons that are behind the sheet modal.
Code Reproduction URL
https://stackblitz.com/edit/mqtw8e1i?file=src%2Fapp%2Froutes%2Fmodal.component.ts
https://stackblitz.com/edit/cst7dxnw-nv2jzmi5?file=src%2FPage1.tsx
Ionic Info
Ionic:
Ionic CLI: 7.2.1
Ionic Framework: @ionic/angular 8.7.5
@angular-devkit/build-angular: not installed
@angular-devkit/schematics: not installed
@angular/cli: 20.3.3
@ionic/angular-toolkit: 12.3.0
Utility:
cordova-res : not installed globally
native-run : not installed globally
System:
NodeJS: v20.18.1
npm: 10.8.2
OS: macOS Unknown