-
Notifications
You must be signed in to change notification settings - Fork 13.4k
Description
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
When creating an IonModal which have an IonPage as its presentingElement
, the page crashes with the error :

While the components hierarchy is following this behavior :

Expected Behavior
The components should not crash as they are in the expected hierarchical order.
Steps to Reproduce
- Create an Ionic app
- Inside of an
IonPage
, add anIonModal
- Set a ref on the
IonPage
, and put the page as the presenting element of the modal ::presenting-element="page?.$el"
- When resizing the page, the crash occurs.
Code Reproduction URL
https://github.com/Ericlm/ion-modale-presenting
Ionic Info
Ionic:
Ionic CLI : 7.2.1 (/Users/ericlemaitre/.asdf/installs/nodejs/24.3.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.6.5
Capacitor:
Capacitor CLI : 7.4.2
@capacitor/android : not installed
@capacitor/core : 7.4.2
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v24.3.0 (/Users/ericlemaitre/.asdf/installs/nodejs/24.3.0/bin/node)
npm : 11.4.2
OS : macOS Unknown
Additional Information
No response