bug: release 6.0.6 breaks my ion-datetime modal - should this method still work?

[richardkshergold]

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

In 6.0.5 my date picker appeared and worked.

In 6.0.6 but none of the buttons work and the app is unresponsive.

The date item uses a modal for display and is part of a form layout and this is my current code which is broken in 6.0.6 but worked in 6.0.5

<div *ngFor="let option of widget['options']">
      <ion-grid>
        <ion-row>
          <ion-col size="8">
            <ion-item detail = "false">
              <ion-label>{{formatDate(form.controls[option._id].value)}}</ion-label>
            </ion-item>
          </ion-col>
          <ion-col size="2">
            <ion-icon
              name="calendar-outline"
              size="large"
              [id]="option._id">
            </ion-icon>
          </ion-col>
          <ion-col size="2">
            <ion-button
              size="small"
              (click)="clearSelection(option._id)"
              fill="outline">
              Clear
            </ion-button>
          </ion-col>
        </ion-row>
      </ion-grid>
      <ion-modal mode="md" [trigger]="option._id">
        <ng-template mode="md">
          <ion-content mode="md" force-overscroll="false">
            <ion-datetime
              showDefaultButtons="true"
              presentation="date"
              [formControlName]="option._id">
            </ion-datetime>
          </ion-content>
        </ng-template>
      </ion-modal>
    </div>

Expected Behavior

The date-time modal should display.

Steps to Reproduce

Try something similar to the code above.

Should this method (opening with a modal) still work in 6.0.6 ?

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.18.1 (/Users/xxx/.nvm/versions/node/v16.13.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.0.6
@angular-devkit/build-angular : 13.2.2
@angular-devkit/schematics : 13.2.2
@angular/cli : 13.2.2
@ionic/angular-toolkit : 5.0.3

Capacitor:

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

Utility:

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

System:

NodeJS : v16.13.0 (/Users/xxx/.nvm/versions/node/v16.13.0/bin/node)
npm : 8.1.0
OS : macOS Monterey

Additional Information

I have switched back to 6.0.5 and my ion-datetime modal is working fine

[liamdebeasi]

Can you attach the reproduction as a GitHub repo we can clone?

[richardkshergold]

I'm not able to do that unfortunately - I would imagine just copying the icon and modal stuff from the code above should re-produce it though (and hardcoding the model rather than using my IDs). I'm done for the day today but will try and investigate tomorrow if I have time. Thanks

[richardkshergold]

Testing on an iPhone SE by the way (iOS 15.2)

[liamdebeasi]

Thanks! I was able to reproduce the issue. I will work on a fix and get an update shipped out. Thanks for the report.