bug: DatetimeButton with modal results in nested ion-page elements

[loopezz]

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

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

Using the ion-datetime-button in combination with inline ion-modal creates infinite nested ion-page elements after opening and closing it multiple times.

Expected Behavior

The ion-page element must not be rendered or only rendered once.

Steps to Reproduce

1. https://ionicframework.com/docs/api/datetime-button#basic-usage
2. Open the browser's inspector
3. Inspect 'ion-modal' in the StackBlitz example
4. Verify there is no ion-page element rendered
5. Toggle the datetime selector multiple times
6. Inspect 'ion-modal' in the StackBlitz example again

Before:

After:

Code Reproduction URL

No response

Ionic Info

Example code from the Ionic docs

Additional Information

No response

[sean-perkins]

@loopezz thanks for reporting this issue! I am able to reproduce the same.

A fix that I have proposed for v7 appears to resolve this issue as well. Would you mind testing with this dev-build and let me know if you experience any issues?

6.3.3-dev.11666207854.1e96b6a8

I've split out that specific change into a new pull request so that we could resolve this in v6.

[loopezz]

@sean-perkins I'm not able to reproduce it anymore. Thanks for the fix. 👍

[sean-perkins]

This issue has been resolved and will be available in both the nightly build as well as the next patch release 6.3.5.

Thanks again for reporting this!

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.