bug: input navigation buttons not working in they keyboard toolbar

[csotiMatyas]

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

When you navigate with previous / next buttons the view should be scrolled and inputs focused

Expected Behavior

View is not scrolled and the inputs focused are the only one which are visible in the initial view;
Also if an input is covered even the slightest by a footer button, it will not be focused, and if an input below is not visible 'enough' for this feature to find it, the flow will be blocked at the covered input.

Steps to Reproduce

Overflow an ion content with inputs, and tap the prev / next buttons on the keyboard accessory bar.

Code Reproduction URL

https://stackblitz.com/edit/fvpkmh?file=src%2FApp.tsx,src%2Fmain.tsx

Ionic Info

Ionic:

Ionic CLI : 7.1.5 (C:\Users\Gizi\AppData\Roaming\nvm\v16.20.2\node_modules@ionic\cli)
Ionic Framework : @ionic/react 7.7.3

Capacitor:

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

Utility:

cordova-res : 0.15.4
native-run : 2.0.1

System:

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

Additional Information

I tested with a bare react project and the problem is the following: the moment you introduce an overflow: scroll into a container this feature breaks.
So if you let your app naturally overflow the view ( html height is 200% of the device height ) this feature works as it seems safari is scrolling the whole page, if you set the view to be 100vh / 100% and then give it an overflow: scroll this feature breaks as explained above.