Repository navigation
bug: ion-datetime not working inside ion-popover without [keepContentsMounted]="true" #30620
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
Datetime inside Popover is broken when not using [keepContentsMounted]="true"
- Calender is missing
- Arrows to switch the month do nothing
- Clicking on month/year selektor switches the view, but is also broken
Expected Behavior
Datetime works inside Popover regardless of [keepContentsMounted]
Steps to Reproduce
- Go to Stackblitz example
- Click on the Button
Code Reproduction URL
https://stackblitz.com/edit/sqy7nt6v?file=src%2Fapp%2Fexample.component.html
Ionic Info
8.7.1, 8.7.2
In 8.7.0 it was still working correctly.
Additional Information
- In Chromium based browser i get the bug consistently. In Firefox it mostly still seems to work
- When using [keepContentsMounted]="true" on the ion-popover it is still working in 8.7.1 and 8.7.2
Activity
revert ionic to 8.7.0
JesusGMM commentedon Aug 19, 2025
I’m experiencing the same issue, but when using
PopoverControllerwith thecreateoption. Sometimes theion-datetimemounts correctly, but in other cases it doesn’t work and looks the same as in the provided image.OS-jacobbell commentedon Mar 10, 2026
Thanks for the issue! This should be fixed in Ionic 8.7.11 and later.
ionitron-bot commentedon Apr 9, 2026
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.