[FR] Make the MFA token box the focus on the MFA login page

[audiomak23]

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Authenticator

Please describe your feature-request in detail.

Right now after logging in you have to click on the MFA box to put the cursor in the box in order to type in your MFA code in Amplify UI. Since the redirect to the “Confirmation Code” dialog is handled internally to the Amplify UI library, can we make the MFA box the focus when this page comes up so the cursor is automatically in that box and we can just type the code?

Please describe a solution you'd like.

Make the MFA box the focus when this page comes up so the cursor is automatically in that box and we can just type the code

We love contributors! Is this something you'd be interested in working on?

• [X] 👋 I may be able to implement this feature request.
• [ ] ⚠️ This feature might incur a breaking change.