Okta sign-in widget struck at login page in higher environment

Hi I am trying to use the okta sign-in widget in my angular web-app. For wrong credentials the sign in widget is behaving as expected but for correct credentials it seems to be stuck at the login forever.
I followed this angular with okta

My localhost is login is working fine I can see the Authentication done and getting session token then OIDC is authorizing generating access token followed by successful login

But when deploy same logic in acceptance(acp) environment Authentication is done & getting session token and its stopped there. No going to OIDC step as result stuck at login page.

FYI - When browser security settings were suppressed then its able to login in acp env(firefox). Since my app is http which is interacting with okta which is https. But Okta should support both http & https. Is there a better solution which I can implement in my angular app rather than altering browser settings to make it work.

Are you able to add https to your environment?

Per the docs from GitHub - okta/okta-auth-js: The official js wrapper around Okta's auth API :

PKCE requires that the browser implements crypto.subtle (also known as webcrypto )

Per the MDN doc Crypto.subtle - Web APIs | MDN :

This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

**Note: localhost is considered to be secure

1 Like