Forgot password link in lock.js not working

Hello!

I’m having a very strange issue I haven’t found anywhere else. I’m using auth0’s lock for the login of my app but the ‘don’t remember your password’ link is not working correctly. On click it reloads the page and the login modal disappears completely. I discovered that the href is set to #, which would explain why the page is reloading. I looked at another app that is using auth0 who has a working link and discovered that the href there is javascript:void(0).

I tried setting the link with options like this forgotPasswordLink: 'javascript:void(0)' but it didnt work, the link doesnt do anything at all. Hilariously the following almost works. It set sets the href correctly and the modal forwards you to the prompt to enter your email so you can get an email to reset your password. But if you click the back button, I found that the href has been set once again to #.

       setTimeout(() => {
            const elements = document.getElementsByClassName('auth0-lock-alternative-link');
            // @ts-ignore
            for (const element of elements) {
                element.href = 'javascript:void(0)';
            }
        }, 2000)

Would love to receive any help/guidance if anyone has any thoughts. Thanks!

This seems to be auth0 script issue. Reverting my npm auth0-lock package to 11.27.0 fixed the problem. (I was on the latest version, 11.33.2, before)

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.

Thanks for sharing with the community! Keep up the good work @v-lliebman!

Best,
Alex