fix: broken redirect, improve redirect.html template

[stonymahony]

I use the package for web, android and ios, with the unchanged redirect.html template.

The normal login works perfectly.

Problem

However, if the user does not log in directly but, for example, first resets a password or verifies his email - both by receiving an email and clicking on a link there - he gets stuck on the redirect.html page after logging in; a redirect to the initial app is not performed. However, if you switch to the tab of the app where the login was initiated, the package correctly recognises the successful login.

The problem is probably related to the fact that clicking on the link loses some context / connection to the initiating tab, perhaps?

I strongly suspect that it is due to the logic of redirect.html.

Reproduce

I have run the exact same tests with this react package and everything works as expected.

See the recordings for comparison.

oidc react
https://github.com/user-attachments/assets/71dcdd2c-8a3e-4502-8c3a-ce8a59026137

this package (official example, adopted config for my local idp)
https://github.com/user-attachments/assets/e7d64c93-7d4a-42fe-826d-0d61277649cd

My attempts to modify the redirect.html have not been successful so far. Does anyone have an idea / solution?

[ahmednfwela]

it isn't that the user gets stuck, the tab is simply unable to close itself.

you can open up devtools (F12) in chrome and see the logs for yourself

[stonymahony]

Technically, you're right, but the most basic users will often not understand this.

Of course I have checked the devtools and added a bunch of additional logs, but I can't find the problem, hence the issue.

Do you have any idea how to either close the tab or redirect to another page?

[ahmednfwela]

You can try using a different navigation mode, e.g. samePage navigation