JavaScript not working on Azure AD B2C in built user policies signup page

0
votes

I'm trying to do sign-in and sign-up using Azure ad B2C in my project. For this I have created some user policies, and I am using a custom HTML for my sign up. My requirement is to execute some JavaScript after my sign-up page loads.

I have enabled JavaScript settings in Properties. Still I'm unable to find the scripts that I have placed in the HTML. Scripts are removed when the server loads the page, but if I run the option "Run userflow" in policies I am able to find the script and execute it. Are there some other settings that need to be changed or is this JavaScript enabling for custom policies only?

Policy properties:

Policy properties
(Click image to enlarge)

1
azureazure-active-directoryazure-ad-b2c
Hi @Premjith. Did you select a page layout version as well? – Chris Padgett
Hi @ChrisPadgett . I Have selected a page version ,currently it is set to 1.1.0 – Premjith Gopinath
When you visit your html page directly in the browser, is there any js error? – Tony Ju
@PremjithGopinath have you tried to add your script on storage account with creating new blob container ? – Md Farid Uddin Kiron

1 Answers

3
votes

I also ran into this exact same issue. To resolve it, make sure your application code is configured to use b2clogin instead of login.onmicrosoft, i.e. https://yourTenant.b2clogin.com, for the authority.

Apparently, using login.onmicrosoft will strip away JavaScript from your custom UI. Not sure if this is documented anywhere, but this what worked for me. Apologies for not providing any concrete documentation on this.

In my particular scenario, I was using the MSAL library for NodeJS. Changed my configuration to the following (instance is what to look at here):

const instance = 'https://myTenant.b2clogin.com/tfp/';
const authority = `${instance}${config.tenant}/${config.signInPolicy}`;

const options = {
  logger: logger,
  redirectUri: config.redirectUri,
  cacheLocation: config.cacheLocation,
  postLogoutRedirectUri: config.postLogoutRedirectUri,
};

new Msal.UserAgentApplication(config.applicationId, authority, authCallback, options);