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.