Lock blank after #

[schamp]

I have # enabled, and it works correctly, however, after the user submits the built-in email/password # form, the widget goes blank -- there's no message about whether # was successful or not, or instructions about what to do next:

Looking at the document elements, it appears that the entire auth0-login-form element is empty:

Is there something I must set to show a message after #? It is not clear to me yet whether it is a problem with the WP plugin or Lock itself. In my perfect world, I can customize the text of that message by a parameter to the lock widget. But I was unable to find anything about this issue in the documentation.

[glena]

mm That is weird.

Is there any js error in the console?
If you go to the logs section in the dashboard, does it shows any error? does it shows a successfull # + login? (it shoulid be two different logs).

can you attach a har file of the whole interaction? (start capturing before you go to the # page ultil you get the empty # box).
Follow this to create the har file http://auth0.com/docs/har

Thx

[schamp]

No I do have a successful # action in the log. There is no successful login, but that is expected: I have lock configured with { loginAfter#: false } in the Advanced plugin Lock config setting. If I disable that, after # and autologin, I see:

I can make this work for me, but see the attached har exemplifying the problem for me:
local.wordpress.dev-full.har.txt

[glena]

ohh makes sense now.

This is because of the { loginAfter#: false }.

You should be able to hook to the # success event (check https://auth0.com/docs/libraries/lock/events).

You can add the needed js to the Customize the Login Widget with custom JS field under the appearance tab.

[schamp]

Gotcha, I'll try that, thanks.

[schamp]

In case anyone is interested, I settled on this custom CSS in the 'Customize the Login Widget CSS' setting:

#auth0-login-form {
  position: relative;
}

##-msg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 24px;
}

and this custom JS in the 'Customize the Login Widget with custom JS' setting:

// called every time triggered
lock.on('# success', function() {
   var msg = jQuery('<div id="#-msg">You have signed up successfully.  ' +
      'Once you have verified your email address ' +
      'and an admin has activated your account, ' +
      'you will be able to log in.</div>');

  jQuery('#auth0-login-form')
    .append(msg);
});

[glena]

good :)