Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-14392

View issue in queue view & comments - Editor: Focus moves inappropriately

    Issue Summary

    When the users close the modal dialog (that becomes available on activating "Edit" and "Delete" link) after comment, the focus moves to the top of the page inappropriately.

    Steps to Reproduce

    1. Open the "View issue in queue view & comments - Editor" page.
    2. Navigate to the main content.
    3. Navigate to the "Comment" input field.
    4. Leave any comment.
    5. Navigate to the "Edit" and "Delete" links and activate any of these.
    6. A modal dialog appears on the page.
    7. Try to close the modal dialog.
    8. Observe that the focus moves to the top of the page.

    Screen Recording

    [JSM-1] What am I looking at_ - InstEnv Jira - Google Chrome 2023-09-20 17-35-49.mp4

    Actual Results

    When the keyboard-only and screen reader users close the modal dialog (that becomes available on activating "Edit" and "Delete" link), the focus moves to the top of the page instead of moving to it's triggering element such as "Edit" and "Delete" links.

    As a result, keyboard-only and screen reader users need to pass the extra content to reach to the desired element.

    Expected Results

    The focus should move to the triggering element when the users close the modal dialog on the page.

    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 Monterey Version 12.3.1
    Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
    Firefox- Version 93.0 (32-bit)
    Safari- Version 15.3 (17612.4.9.1.5)
    JAWS- Version 2022
    NVDA- Version 2020.3
    Voiceover - Version Latest

        Form Name

          [JSDSERVER-14392] View issue in queue view & comments - Editor: Focus moves inappropriately

          Rahul Patil made changes -
          Labels Original: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-queueviewcomment ax-jsmdc-vpat-2024-reused ax-kb-user ax-medium-priority ax-qa ril New: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-queueviewcomment ax-jsmdc-vpat-2024-reused ax-kb-user ax-medium-priority ax-qa ax-qa-partially-fixed ax-qa-verified ril
          Rinku Kumar made changes -
          Labels Original: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024-queueviewcomment ax-kb-user ax-medium-priority ax-qa ril New: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-queueviewcomment ax-jsmdc-vpat-2024-reused ax-kb-user ax-medium-priority ax-qa ril
          Rinku Kumar made changes -
          Labels Original: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-kb-user ax-medium-priority ax-qa ril New: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-jsmdc-vpat-2024-queueviewcomment ax-kb-user ax-medium-priority ax-qa ril
          Marc Dacanay made changes -
          Labels Original: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-kb-user ax-medium-priority ax-qa New: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-kb-user ax-medium-priority ax-qa ril
          Marc Dacanay made changes -
          Remote Link New: This issue links to "Internal ticket (Web Link)" [ 956014 ]
          Bilal Cinarli made changes -
          Remote Link New: This issue links to "A11Y-247 (Bulldog)" [ 931341 ]
          Sylwia Mikołajczuk made changes -
          Labels Original: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-kb-user ax-medium-priority ax-qa New: 2.4.3 Level-A WCAG21 ax-at-user ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Viewissueinqueueview&comments ax-jsm-dc-vpat-pg10 ax-jsmdc-agentissueview ax-kb-user ax-medium-priority ax-qa
          Alex Cooksey made changes -
          Status Original: Needs Triage [ 10030 ] New: Gathering Impact [ 12072 ]
          Rinku Kumar made changes -
          Description Original: h3. Issue Summary

          No)
          h3. Steps to Reproduce
           # NA

          h3. Actual Results

          NA
          h3. Expected Results
          {noformat}
          NA{noformat}
          h3. Workaround

          Currently there is no known workaround for this behavior. A workaround will be added here when available
          New: h3. Issue Summary

          When the users close the modal dialog (that becomes available on activating "Edit" and "Delete" link) after comment, the focus moves to the top of the page inappropriately.
          h3. Steps to Reproduce
           # Open the "View issue in queue view & comments - Editor" page.
           # Navigate to the main content.
           # Navigate to the "Comment" input field.
           # Leave any comment.
           # Navigate to the "Edit" and "Delete" links and activate any of these.
           # A modal dialog appears on the page.
           # Try to close the modal dialog.
           # Observe that the focus moves to the top of the page.

          h3. Screen Recording

          [^[JSM-1] What am I looking at_ - InstEnv Jira - Google Chrome 2023-09-20 17-35-49.mp4]
          h3. Actual Results

          When the keyboard-only and screen reader users close the modal dialog (that becomes available on activating "Edit" and "Delete" link), the focus moves to the top of the page instead of moving to it's triggering element such as "Edit" and "Delete" links.

          As a result, keyboard-only and screen reader users need to pass the extra content to reach to the desired element.
          h3. Expected Results
          {noformat}
          The focus should move to the triggering element when the users close the modal dialog on the page.{noformat}
          h3. Workaround

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

          MacBook Pro (16-inch, 2021)
          macOs Monterey Version 12.3.1
          Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
          Firefox- Version 93.0 (32-bit)
          Safari- Version 15.3 (17612.4.9.1.5)
          JAWS- Version 2022
          NVDA- Version 2020.3
          Voiceover - Version Latest

            Unassigned Unassigned
            4cbd728b4726 Rinku Kumar
            Affected customers:
            0 This affects my team
            Watchers:
            2 Start watching this issue

              Created:
              Updated: