This article describes how to configure a Template Secure Web Authentication (SWA) Plugin App that uses dynamic selectors for its form fields. Dynamic selectors in a website's code, such as those that are auto-generated and change frequently, cause the SWA application to fail after initial configuration.

• Secure Web Authentication (SWA)
• Template Plugin App

The issue occurs when a website uses dynamic selectors for input fields. For example, a selector like #s257j62v6 will change frequently, causing the configured Template SWA Plugin App to stop working because the selector is dynamic.

Create a static selector by using the parent element's selector and appending the required element type.

1. Copy the parent element selector of the required field (for example, the username or password input).

2. Append the element type of the required field to the copied parent selector.

   • For an input field, the resulting selector format is:

     {Parent selector} > input

      

   • The {Parent selector} is the value copied from the parent div element.

   • The same procedure applies to the password field and any other fields that use a dynamic selector.

Related References

• How to Create a Custom SWA Template Plugin App
• SWA App Does Not Autofill Credentials