Issue Summary

The keyboard traps in the "Script body" edit field.

Element name: Script body edit field

Location of the element: Edit field, under the "Script configuration" group, in the main content.

Steps to Reproduce

1. Open the home page
2. Navigate to the "Deploy" link and activate it.
3. Navigate to the "All deployment projects" link and activate it.
4. Navigate to the deployment project link and activate it.
5. Navigate to the "Edit Environment" link and activate it.
6. Navigate to the "Set up task" link and activate it.
7. Navigate and click on the "Add task" link.
8. Then the "Task types" modal will display. Navigate to the "Script" link and activate it.
9. Navigate to the "Script body" input field and start typing.
10. Observe that the keyboard traps in the "Script body" edit field.

Actual Results

When keyboard-only users navigate the "Add task" page by using the "Tab" key their focus gets trapped in the "Script body" input field. It is not possible to tab pass the input field. This resulted in keyboard-only users not being able to access the interactive elements after the input field.

Expected Results

Ensure that the keyboard focus does not get trapped on any component and that users can navigate the page content with ease in all browsers. Modify the scripts associated with the input field to ensure that the keyboard trap can be avoided.

Screenshot

Screen Recording

Screen Recording 2022-12-09 at 4.33.39 PM.mov

Workaround

Not Available

Bug Ref: 459514