The Good, The Bad and The UX

When a modal opens with a single input, it should be automatically focused

Prevent double submissions by disabling the button and showing a spinner

Allow users to paste verification codes instead of typing digit by digit

Provide visual feedback when content is copied to clipboard

Show content structure with animated placeholders instead of a generic spinner

Automatically validate the code when all digits are entered instead of requiring manual submission

Show evolving status messages during long operations to keep users informed

Keep submit buttons enabled and show clear error messages on submit instead of disabling buttons on incomplete forms.

Automatically format structured inputs (credit card, IBAN, phone) with proper spacing and show the appropriate mobile keyboard.

Provide a quick way to return to the top on long scrollable content

Add a visible paste button to let users quickly fill the OTP from clipboard