bug: ion-modal stacking with presenting-element option not working
See original GitHub issuePrequisites
- 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
- v4.x
- v5.x
- v6.x
Current Behavior
Using the presenting-element
option of the ion-modal
component doesn’t visually stack the modal like in v5. It seems like the option gets ignored completely.
Expected Behavior
Here you can see the behaviour of v5 vs v6:
Steps to Reproduce
- Add the ion-modal component with the presenting-element option
- Use the ion-router-outlet component as presenting-element
- Check the modal animation
Code Reproduction URL
https://github.com/tho-masn/ionic-issues/tree/v6-ion-modal-stacking
Ionic Info
No response
Additional Information
No response
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
bug: ion-modal stacking with presenting-element option not ...
I have searched for existing issues that already report this problem, without success. Ionic Framework Version. v4.x; v5.x
Read more >ion-modal: Ionic Mobile App Custom Modal ... - Ionic Framework
ion-modal is a dialog that appears on top of mobile app content, and must be dismissed before interaction resumes. Learn more about custom...
Read more >Stacking modals in Ionic with native iOS styling - YouTube
In this video, we walk through how to create stackable modals with the native iOS styling with Ionic. We cover examples for StencilJS, ......
Read more >Material date picker is not working within ion-modal
Solution: I have fixed the mat-calendar display issue. I have imported the module but it needs to declare the component ts in app...
Read more >Ionic 6 Angular - Card/Sheet modal FYI's or bug - Reddit
My issue was that upon presenting a Card or Sheet modal with a nested Card or Sheet modal, upon dismissal, Router Navigate would...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Sorry, a bit late, but now it works. Thanks!
Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/23761, and a fix will be available in an upcoming release of Ionic Framework.
Please feel free to continue testing, and let me know if you run into any issues!