View Issue: Focus moves inappropriately

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      Issue Summary

      focus moves inappropriately to the top of the page instead of moving to the form field with an error message.

      Steps to Reproduce

      1. Open the "View Issue" page.
      2. Navigate to the "Edit Summary" button present in the main content area and activate it.
      3. Keep the mentioned form field empty and activate the "Save" button.
      4. Observe that focus moves to the top of the page

      Screen Recording

      Screen Recording 2024-08-21 at 4.53.04 PM.mov

      Actual Results

      When users submit the "Summary" form field empty, error messages such as "You must specify a summary of the issue" get dynamically displayed below the form field and focus moves inappropriately to the top of the page instead of moving on the form field with an error message.
      As a result, keyboard-only and screen reader users will have to navigate the screen content again before accessing the content which is after the triggering button.

      Expected Results

      Set focus on the "Summary" form field with error using the JavaScript .focus() method as soon as the form is submitted.

      Workaround

      Currently, there is no known workaround for this behaviour.

            Assignee:
            Iurii Besidka
            Reporter:
            Rahil Shaikh
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: