The authentication methods might not load on the login page if multiple Apps are using styled-components

    • Type: Bug
    • Resolution: Unresolved
    • Priority: Low
    • None
    • Affects Version/s: 4.2.0
    • Component/s: SSO
    • None

      Issue Summary

      When multiple authenticate methods are configured, the anonymous user is provided with a screen to choose which authemtication method to use.

      The Authentication App uses styled-components to load components on the UI.

      If other Apps use the same library and try loading resources on the login page, then the user is unable to choose an authentication method.

      Steps to Reproduce

      1. Install a vanilla instance of Jira Data Center.
      2. Update the Authentication App to the latest version.
      3. Configure two sample authentication methods.
      4. Open the <jira-base-url>/login.jsp page and confirm it loads fine.
      5. Install some other Marketplace Apps that use the same styled-components library.
      6. Access the <jira-base-url>/login.jsp page.

      Expected Results

      The login.jsp loads without any error allowing the user to choose their appropriate authentication method.

      Actual Results

      The page loads with an error in the browser console and the user can't see the panel to choose an authentication method.
      This breaks the authentication flow locking the user outside of Jira.

      Additional notes:

      • This was validated on Jira, but might affect any other Atlassian Data Center product.
      • We've opened the bug with the Authentication Method App as we can fix the issue on the Atlassian App side, but other Marketplace Apps should adopt an approach similar to this.

      Workaround

      Disable impacting Marketplace Apps.

        1. screenshot-1.png
          screenshot-1.png
          104 kB
        2. screenshot-2.png
          screenshot-2.png
          104 kB
        3. screenshot-3.png
          screenshot-3.png
          639 kB

            Assignee:
            Valentyna Bashkatova
            Reporter:
            Thiago Masutti (Inactive)
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: