I am encountering an authentication problem with "Sign in with Apple" feature in my Angular web/mobile application.
It is good to highlight that my application uses AzureAD for authentication, but I have already configured the Apple Idp inside Azure portal, tested, and it is working properly.
In the web app:
Accessing through Safari browser, when I click the "Sign in with Apple" login button, somehow Safari intercepts the request and opens a popup to proceed with the authentication flow. The problem occurs after the user enter his credentials and click on the submit button, an error appears saying that it was not possible to conclude the login/subscription.
I have noticed that this problem occurs only in the given circunstances:
The user must be logged in his/her device with an appleID account.
The application must be accessed through Safari browser
Ps.: Using chrome browser or trying to sign in without being logged in the device, the authentication flow works flawlessly and it is handled entirely by my app (without any os popup interference).
Ps2.: I have tried to debug this behaviour through devtools and noticed that the apple http authentication request does not show up by the time I click the Sign in With Apple button, the os popup is displayed instead.
In the mobile (cordova) app:
When I click the "Sign in with Apple" login button, the default webview (which is Safari), intercepts the request and opens a system popup to proceed with the authentication flow just as occurred in the web application.
Therefore, after the user tries to submit its credentials, the popup keeps loading indefinetely without any kind of warning or error. If I close the pop up, my app ends up in a frozen state.
Does anybody is having the same issue or knows anything that I could do to overcome this problem?