Does the Sign-in Widget support IE 11?

Questions
1

Does OKTA sign in widget support IE11? https://developer.okta.com/live-widget/ when I tired to open in IE the sign in widget does not seem to work. Did any one have any issues integrating okta sign in widget in IE

2

Hi @subgeeth

Thank you for letting us know. Yes, we support sign-in widget on IE11. It seems that there is a JavaScript issue on the live widget page that prevents it from loading successfully on IE11.

I have submitted an internal ticket to the engineering team tracked through ref. no. OKTA-225817 to have this further investigated and resolved.

3

Here is a minimal example of the Widget (adapted from the docs):

<html>
  <head>
    <script src="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.19.0/js/okta-sign-in.min.js" type="text/javascript"></script>
    <link href="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.19.0/css/okta-sign-in.min.css" type="text/css" rel="stylesheet"/>
    <link href="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.19.0/css/okta-theme.css" type="text/css" rel="stylesheet"/>
  </head>
  <body>
    <div id="widget-container"></div>

    <script>
      var oktaSignIn = new OktaSignIn({
        baseUrl: 'https://atko-corporation-application.oktapreview.com'
      });

      oktaSignIn.renderEl(
        { el: '#widget-container'},
        function success(res) {
          if (res.status === 'SUCCESS') {
            console.log('Do something with this sessionToken', res.session.token);
          } else {
            console.error('The user state is', res.status);
          }

          oktaSignIn.hide();
        },
        function error(err) {
          console.error(err);
        });
    </script>

  </body>
</html>

I tested it in IE11 just now and it works. Sorry about the bug in the demo page, we’ll get that fixed! In the meantime, let us know if you have any other questions related to IE11 support.

4

Nate:

  • I am seeing same issue with IE11 and widget.
  • I am not using CDN.
  • Using local copy of widget.min.

Does the CDN version of the Okta widget have a fix for IE11 rendering where my local version wouldn’t?

5

I used NPM to install the latest version (3.5.0) of the okta-signin-widget and I’m having the same issue.

I’m receiving the following error:

SCRIPT5005: String expected
okta-sign-in.min.js (121,3649)

Followed by:
ReferenceError: ‘OktaSignIn’ is undefined

I’m assuming the later is caused by the former.

6

Has anyone been able to get the sign in widget to work in IE? I tried the exact version listed in this thread and clicking the sign in button nothing will happen, no network calls in IE 11 on windows 10.

7

Can you try adding these polyfills? I was able to get widget v3.9.2 working on IE by including them.

2 Likes
8

Thank you so much. With these polyfills in IE 11 is working :grinning:

9

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