Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-78449

Header: Focus moves inappropriately

XMLWordPrintable

      Issue Summary

      Keyboard focus moves inappropriately when the "Enable/disable keyboard shortcuts" link is activated.

      Steps to Reproduce

      1. Open the "Home" page.
      2. Navigate to the header section > "Help" button > "Keyboard shortcuts" menu item > a modal appears.
      3. Using keyboard, navigate onto the "Enable/disable keyboard shortcuts" link and activate it.
      4. Observe the inappropriate movement of keyboard focus.
      5. Note that the focus moves to the top of the page inappropriately.

      Screen Recording

      Screen Recording 2025-01-20 at 12.13.14 PM.mov

      Actual Result

      When the "Enable/disable keyboard shortcuts" link is activated with a keyboard, the dialog gets closed and focus moves to the top of the page inappropriately. Instead of moving to the parent element (Help) that triggers the dialog. This illogical focus order might make the page difficult to understand for the keyboard and screen reader users.

      Expected Result

      Ensure that the keyboard focus is managed correctly. When the triggering element is not available, then make sure that the focus returns to the parent element that triggered the content. In this scenario,
      make sure that when the user activates the "Enable/disable keyboard shortcut" link, the focus returns to the parent “Help” menu button. This can be done with the “focus” method.
      For information, you can refer:

      https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOs SEQUOIA 15.2
      Chrome - Version 132.0.6834.84 (Official Build) (64-bit)
      Firefox- Version 128.6.0esr (64-bit)
      Safari- Version - 18.2 (206220.1.16.11.8)
      JAWS- Version 2023
      NVDA- Version 2023.2
      Voiceover - Version Latest

              spanchenko@atlassian.com Serhii Panchenko
              71c7b0ef4382 Malleswara Rao Konthala
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: