MFA Page Verify Button progress bar issue in Azure AD B2C Custom Policy

Question

Hi

I have implemented Azure AD B2C with a custom policy for one of our applications. The authentication flow includes both social and local accounts with MFA, using the starter pack provided in the Azure documentation.

Everything is working as expected, but on the MFA page, after the user enters the OTP received on their mobile and clicks the "Verify" button:

• The progress/loading bar disappears immediately.
• The "Verify" button remains clickable.

Ideally, I want the "Verify" button to be disabled after clicking, and the loading bar should persist until the user is redirected to the application.

Any guidance or suggestions would be greatly appreciated.

Answer 1

Hi!

so, this problem happens when u try to change azure ad b2c policies. I guess u can fix it by editing JavaScript and HTML in your custom policy. actually 'verify' button and progress bar work based on the page layout and JavaScript in your policy. and by default, azure ad b2c doesn't turn off the 'verify' button or keep the progress bar showing after clicking.

If this was helpful, please accept the answer.

rgds,

alex