Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-26185

Backlog: Keyboard focus does not return to the triggering element of the modal dialog

    Issue Summary

    After closing the "Operations" modal dialog, the keyboard focus does not return to the triggering element.

    Steps to Reproduce

    1. Open the "Backlog" page.
    2. Navigate to any "issue" present in the backlog and select it.
    3. Navigate to the "More actions" button and press the "." key.
    4. Observe that the "Operation" modal dialog will appear.
    5. Close the dialog using an Esc key or activate the "Close" button and try to navigate further.
    6. Observe that the focus moves to the beginning of the page.

    Screen Recording

    Screen Recording 2024-02-19 at 3.20.49 PM.mov

    Screenshot

    Actual Results

    On closing the modal dialog, the programmatic focus does not return to the triggering element. Instead, the focus is moved to the beginning of the page.

    This required screen reader users and keyboard-only users to tab-pass the content on the page before they could interact with the content after the triggering element.

    Expected Results

    The programmatic focus of users should be set on the triggering element of the dialog as soon as the dialog is closed.

    Set the keyboard focus to the triggering element of the dialog using JavaScript .focus().

    For information on creating accessible modal dialog refer Modal Dialog Example

    Workaround

    Currently, there is no known workaround for this behaviour. A workaround will be added here when available

    Environment

    MacBook Pro (16-inch, 2021)
    macOs Sonoma 14.3
    Chrome - Version 120.0.6099.109 (Official Build) (arm64)
    Firefox- Version 92.0 (64-bit) 
    Safari- Version 17.3 (19617.2.4.11.8)
    JAWS- Version 2023
    NVDA- Version 2021.2 
    Voiceover - Version Latest

          [JSWSERVER-26185] Backlog: Keyboard focus does not return to the triggering element of the modal dialog

            Unassigned Unassigned
            1833d2e1842a Rahul Patil
            Affected customers:
            0 This affects my team
            Watchers:
            2 Start watching this issue

              Created:
              Updated: