The ethnicity response drop off investigation led to the following conclusions:

1. The form would not close when submitted, prompting students to click the 'Cancel' button which records a 'closed_dialog' or students would refresh the page which records 'null'.
2. When this pop-up was overlayed another pop-up with a form, the javascript for the form would not work because the same id is being used to identify both forms.

To fix Issue 1, there was a parser error on the response of the AJAX request. Since we don't make use of the response data itself, removing the dataType field, which expected json, resulted in a successful submission.
To fix issue 2, renaming the form id for the race form allowed for submission.

Issue 1 Fix

Issue 2: Submit button not enabled when selecting an ethnicity and there are forms overlayed:

Issue 2: After changing the form id

Links

• jira ticket: here

Testing story

Local

Follow-up work

PR Checklist:

• Tests provide adequate coverage
• Privacy and Security impacts have been assessed
• Code is well-commented
• New features are translatable or updates will not break translations
• Relevant documentation has been added or updated
• User impact is well-understood and desirable
• Pull Request is labeled appropriately
• Follow-up work items (including potential tech debt) are tracked and linked