bug: overlay returning focus to wrong element causes scroll

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
• Nightly

Current Behavior

The scroll resets after clicking on a card.

Expected Behavior

The view stays in the current position.

Steps to Reproduce

1. Install the code example
2. Scroll down
3. Click on a card

Code Reproduction URL

https://github.com/csaar95/ion-accordion-test

Ionic Info

Ionic:

Ionic CLI : 6.18.1 (C:\Users\Christian\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/react 6.1.10

Capacitor:

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

Utility:

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

System:

NodeJS : v16.13.0 (C:\Program Files\nodejs\node.exe)
npm : 8.1.0
OS : Windows 10

Additional Information

It cost me some time to exactly find out what causes this behaviour, it seems the bug only appears if there is an IonCardHeader with IonCardTitle inside the IonCard.

Exécutez la reproduction liée de ion-accordion-test avec Ionic React 6.1.10, puis inspectez le comportement du focus de l’overlay impliquant IonCard, IonCardHeader et IonCardTitle. Confirmez le scénario de réinitialisation du défilement après avoir cliqué sur une carte et vérifiez que la fermeture ou le retour du focus laisse la vue à sa position précédente.