bug: ion-datetime-button doesn't open ion-datetime modal

[de-dan]

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
• v7.x
• Nightly

Current Behavior

When I click on ion-datetime-button, the darker overlay is shown, but no modal with datetime.

I use chrome 110.0.5481.77 on a Mac 13.2.1 but I have this bug reported from users with different OS's and browsers.
This problem occured after I upgraded to 6.6.0. Downgrading to 6.5.7 resolved the issue!

Expected Behavior

Show the modal when I click on date or time of ion-datetime-button.

Steps to Reproduce

Create a new ionic project
ionic start
I used the blank starter, angular

in home.page.html paste in the ion-datetime-button example from the docs

<ion-datetime-button datetime="datetime"></ion-datetime-button>

<ion-modal [keepContentsMounted]="true">
  <ng-template>
    <ion-datetime id="datetime"></ion-datetime>
  </ng-template>
</ion-modal>

Run it and click on the date or time. Only overlay is shown.

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.20.8 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.6.0
@angular-devkit/build-angular : 15.2.1
@angular-devkit/schematics : 15.2.1
@angular/cli : 15.2.1
@ionic/angular-toolkit : 8.0.0

Capacitor:

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

Utility:

cordova-res : 0.15.4
native-run : 1.7.2

System:

NodeJS : v18.14.2 (/usr/local/bin/node)
npm : 9.5.0
OS : macOS

Additional Information

No response

[dudynets]

I can confirm that the bug is present in version 7.0.0-rc.0 of the Ionic Framework, and is also reproducible in the StackBlitz sandbox from the official documentation.

[liamdebeasi]

Thanks for the report. I can reproduce this. It looks the fix in 00d10f5 uncovered another bug with our modals. I'll take a closer look.

[liamdebeasi]

Here is a dev build if anyone is interested in testing the proposed fix:

npm install @ionic/angular@6.6.1-dev.11678112836.1733c8ec

[dudynets]

Here is a dev build if anyone is interested in testing the proposed fix:

npm install @ionic/angular@6.6.1-dev.11678112836.1733c8ec

Everything works as expected, and the issue seems to have been resolved.

[vadimwe]

I confirm issue.

`Ionic:

Ionic CLI : 6.20.8 (/opt/homebrew/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.6.0
@angular-devkit/build-angular : 15.2.1
@angular-devkit/schematics : 15.2.1
@angular/cli : 15.2.1
@ionic/angular-toolkit : 6.1.0

Capacitor:

Capacitor CLI : 4.7.0
@capacitor/android : 4.7.0
@capacitor/core : 4.7.0
@capacitor/ios : 4.7.0

Utility:

cordova-res : 0.15.4
native-run : 1.7.1

System:

NodeJS : v16.18.1 (/opt/homebrew/Cellar/node@16/16.18.1/bin/node)
npm : 8.19.2
OS : macOS
`

[moose4lord]

I also ran into this issue when I upgraded to @ionic/angular 6.6.0.
The fix proposed by @liamdebeasi worked for me.
Thanks for looking into this and turning it around so quickly.

[liamdebeasi]

Thanks for the issue. This has been resolved via #26917, and a fix will be available in an upcoming release of Ionic Framework.

[moose4lord]

I can confirm that this bug has been fixed in @ionic/angular 6.6.1.
Nice job guys!

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