Issue: Infinite loading for passkeys on Safari

[IAm2XTr33M]

Sometimes while trying to login with a passkey / create a passkey on safari the passKey popup will never appear and the Hanko Element will load indefinitely.

The best way I found to reproduce this is by going to any page with Hanko Passkey functionality.
Ex. https://cloud.hanko.io/login

While on my macbook on safari,
Press "sign in with a passkey" then escape

Repeat this a couple times.

For me every time I repeat it the delay for the passkey popup gets longer and longer until it just never appears anymore.

I tried it in a couple of browsers: Safari, Chrome, DuckDuckGo, Opera.
I was not able to reproduce the issue in any other browsers.

I first noticed this during development and I thought it was just something to do with http / localhost, but the same thing happens on deployed https projects. I did notice that it always took http way longer to "restore" everything

[IAm2XTr33M]

I think this issue is caused / worsened by the fact that getWebauthnCredential() gets called every time that your state is login_init
This means that every time you cancel the Webauthn it will instantly send a new request

I was no longer able to reproduce the issue by not running the conditional request if you are on safari.
I'm not 100% sure but I think maybe only calling getWebauthCredential() once when the state is login_init for the first time could also resolve the issue of safari messing up. I have before experienced it breaking the first timethe state was login_passkey / login_init.

^I am not able to reproduce the issue like this