bug: when opening ion-datetime within a ion-modal it will create an infinite number of pages

[MNFreundT]

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

Current Behavior

When opening ion-datetime within a ion-modal it will create an infinite number of pages.

When opening the datepicker, a page is created in the DOM, but it is not removed from the DOM when the datepicker is closed. Each time the Datepicker is opened, an infinite number of pages can be created. Due to these many pages, visual bugs continue to arise within the datepicker

.

Expected Behavior

After the datepicker has been opened, a page should be generated. If you click in the empty space, the created page should be removed from the DOM.

Steps to Reproduce

1. Clone the Repository
2. Run the Project with ionic serve
3. watch the small video

Desktop.2022.02.17.-.10.41.48.02_Trim.mp4

Code Reproduction URL

https://github.com/MNFreundT/ion-datetime

Ionic Info

Ionic:

Ionic CLI : 6.18.1 (/usr/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.7
@angular-devkit/build-angular : 13.0.4
@angular-devkit/schematics : 13.0.4
@angular/cli : 13.0.4
@ionic/angular-toolkit : 5.0.3

Capacitor:

Capacitor CLI : 3.4.1
@capacitor/android : not installed
@capacitor/core : 3.4.1
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 1.5.0

System:

NodeJS : v14.19.0 (/usr/bin/node)
npm : 6.14.16
OS : Linux 5.10

Additional Information

No response

[liamdebeasi]

Thanks for the issue. Can you try the following dev build and let me know if it resolves the issue?

npm install @ionic/angular@6.0.9-dev.1645113595.6f48cc2

[liamdebeasi]

Thanks for the issue. This has been resolved via #24811, 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.

[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.