Prevent double submission of authentication request
Description
When a user clicks the "Next" button after providing the authentication details, it can sometimes take a second or more for the auth response to return and move the user to another step/page.
There is no feedback to the user that the request has been submitted. Users are therefore, clicking the button again, submitting another request that may result in unexpected behaviour.
Comment from @jm2373 offers a couple of options:
- Button loading state – prevents the user from interacting with the button, and shows them that something is happening.
- Disabled button state – prevents the user from interacting with the button, and shows it as unavailable.
Further discussion may be needed to confirm best approach. Also, which (easy) options are available for devs use in React/MUI frameworks may guide decision.
Further details
Task list
-
Update UI to provide user feedback that the submission has been started -
Prevent user from submitting twice (without having changed auth data provided?)
Acceptance criteria
-
Reduce/remove cases of users submitting multiple "simultaneous" auth requests