bug: Using angular/cdk/overlay and ion-modal can cause conflicts.

[Ranxxxxx]

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

v7.x

Current Behavior

I'm having issue when I use the button in ion-modal to evoke another popup. The input element in the popup using @angular/cdk/overlay is not focusing and inputting.

Expected Behavior

Using cdk/overlay and ion-modal don't affect each other, because there was no issue with ionic v6.

Steps to Reproduce

1. Create an ionic-modal
2. Create a button in ionic-modal to evoke cdk/overlay
3. Put an input in the overlay and test it.

Code Reproduction URL

https://stackblitz.com/edit/angular-cyoztx-mu8nic?file=src%2Fapp%2Fcdk-overlay-basic-example.html

Ionic Info

Ionic:

   Ionic CLI                     : 7.2.0 (/Users/-/.nvm/versions/node/v20.10.0/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 7.6.4
   @angular-devkit/build-angular : 17.0.10
   @angular-devkit/schematics    : 17.0.10
   @angular/cli                  : 17.0.10
   @ionic/angular-toolkit        : 7.0.0

Capacitor:

   Capacitor CLI      : 5.7.3
   @capacitor/android : not installed
   @capacitor/core    : 5.7.4
   @capacitor/ios     : 5.7.3

Utility:

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

System:

   NodeJS : v20.10.0 (/Users/-/.nvm/versions/node/v20.10.0/bin/node)
   npm    : 10.2.3
   OS     : macOS Unknown

Additional Information

No response

[liamdebeasi]

Thanks for the issue. I am going to close this as a duplicate of #24646.

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