Java script used to control the behavior of a request form field has no effect in Internet Explorer 11 (IE11) in RSA Identity Governance & Lifecycle

[#1]

Article Number

000038375

Applies To

RSA Product Set: RSA Identity Governance & Lifecycle
RSA Version/Condition: 7.0.x, 7.1.x, 7.2.x
Browser: Internet Explorer 11 (IE11)
 

Issue

When designing request forms in RSA Identity Governance & Lifecycle (Requests > Configuration > Request Forms tab), the behavior of a form field may be controlled by the action performed on another field. For example, when defining a field of Control Type Multi Select Drop Down, you may define another field of Control Type Static Text to display based on the option chosen from the Multi Select Drop Down field. This can be done using common java script syntax. Similarly, the behavior of a Checkbox Control Type can also be controlled by java script syntax.

This common java script syntax works in all browsers except IE11. In IE11, the java script has no effect on the form behavior and if the IE Developer Tools (F12) option is enabled, the following error message occurs:
 

'<field-name>' is undefined
 

Image description

 

Example 1: Multi Select Drop Down and Static Text

In the example below, a request form is defined with a Multi Select Drop Down field called UserDetails that allows the user to choose either Name or Phone from the drop down list. A Static Text field called SelectedOption is defined to display text on the form if Name is chosen from the Multi Select Drop Down field.
 

Field Definitions:

 

Image description
 

Image description

Here is the java script used to define when this field is displayed:
 

Image description

Expected Behavior in all browsers:
 

The expected behavior is to display the Static Text You have selected 'Name' only when Name is selected.

 

Image description

Image description
 

Image description

Actual Behavior in IE11 only:
 

Note that in IE11 the Static Text shows regardless of what option is selected from the drop down menu.

 

Image description

Image description

Image description
 

 

Example 2: Controlbox

A similar problem occurs with Control Type Checkbox. In the example below, a check box is defined to display on the form by default. Unchecking the box removes the check box from the form.
 

Field Definition:

 

Image description

Here is the java script used to define when this field is displayed:
 

Image description

Expected Behavior in all browsers:
 

The expected behavior is to display the Checkbox Display User Name when the form is run.

 

Image description

Actual Behavior in IE11 only:
 

Note that in IE11 the Checkbox Display User Name is not displayed when the form is run.

 

Image description

 

Cause

IE11 does not support the Javascript syntax used.
 

Resolution

Use the following java script syntax which will work in all browsers.

For Control Type Multi Select Drop Down

Modify the java script

 FROM:

 (UserDetails.options[0].selected === true)

TO:

(document.getElementById('UserDetails') && document.getElementById('UserDetails').options[0].selected===true)

For Control Type Checkbox:

Modify the java script

FROM:

(DisplayUserName.checked === true)

TO:

(document.getElementById('UserDetails') && document.getElementById('DisplayUserName').checked === true)