verifying_blurb text displayed during Azure B2C Social Sign up [api.selfasserted] validation stays on screen

Question

This looks like a bug in Azure B2C default templates...

Maybe someone has an idea on how to hide the verifying_blurb text that insists on staying visible when validation fails. Maybe it's my fault somewhere. Not sure.

Is there any way of hooking up to the error event raised by Azure B2C policy and hide this text after the validation stops?

See in the following screenshot that the message Please wait while we process your information. stays fixed below the form.

I'm using a custom .html page for api.selfasserted.

<ContentDefinition Id="api.selfasserted">
    <LoadUri>https://website.blob.core.windows.net/policies-ux/signupSocial.html</LoadUri>
</ContentDefinition>

####### Edit 1 #######

This is the DataUri version I'm using (1.1.0) which seems to be the latest version as of now according to this MS doc:

<ContentDefinition Id="api.selfasserted">
    <LoadUri>~/tenant/default/selfAsserted.cshtml</LoadUri>

 <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
<DataUri>urn:com:microsoft:aad:b2c:elements:selfasserted:1.1.0</DataUri>
    <Metadata>
      <Item Key="DisplayName">Collect information from user page</Item>
    </Metadata>
  </ContentDefinition>

Tomorrow I'll try some Javascript...

Answer 1

For anyone looking at this. I was able to fix this by adding the following CSS to a custom css I loaded on the screen:

.verifying-modal
{
    display:none;
}